Recursos para blogger

Las etiquetas meta en blogger para mejorar el posicionamiento

Las etiquetas meta en blogger para mejorar el posicionamiento

Muchas veces cuando iniciamos un proyecto web debemos tomar en cuenta muchas cosas y unas de ellas es el posicionamiento.


Sabemos tan poco sobre ello, y realmente puede influir mucho si no se sabe manejar. También se le conoce como SEO, en ingles Search Engine Optimization y en español Optimización de motores de búsqueda.


Unas de las cosas principales en el SEO de un blog o sitio web es tener las etiquetas metas necesarios para que tu sitio web sea amigable con los robots de los buscadores ya que ellos se encargan de indexar todo lo que existe en Internet dependiendo de las millones de búsquedas que son realizadas por las personas.


Las etiquetas metas

Las etiquetas metas o tambien conocida por metatags son un conjunto de etiquetas que van después del <head> y ellas se encargan de extraer información de tu blog y su contenido para que los motores de búsquedas puedan recibirla de dichas etiquetas y de esa manera posicionar tu blog.


Con esto quiero decir que es importante que tu plantilla tenga esta estas etiquetas para mejorar tu posicionamiento no solo en en los motores de búsqueda, si no también una mejor integración con las redes sociales ya que también existe metas etiquetas (Open Graph) que permiten una mejor interacción con los robots de las redes sociales.


Meta etiqueta para definir las palabras claves de tu blog

Esta etiqueta se usa para definir las palabras claves de tu blog por comas, para que los buscadores al momento de relizar una busqueda te puedan tomar en cuenta, un ejemplo de esta meta etiqueta es:


<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"/>

Meta etiqueta para definir una descripción de tu blog

Esta etiqueta se usa para definir una pequeña descripción clave de tu blog, un ejemplo de esta meta etiqueta es:


<meta name="description" content="Tutoriales y Plantillas para tu blog gratis"/>

Meta etiqueta para definir el autor de tu blog

Esta etiqueta se usa para definir el nombre del autor o dueño del blog, un ejemplo de esta meta etiqueta es:


<meta name="author" content="Gian Franco Imperiale"/>

La meta etiqueta para refrescar cada 30 segundos tu blog

Esta etiqueta se encarga de refrescar (actualizar) tu blog cada 30 segundos, un ejemplo de esta meta etiqueta es:


<meta http-equiv="refresh" content="30"/>

Meta etiqueta para darle flexibilidad a tu blog a una pantalla gráfica (responsive)

Esta etiqueta se encarga de adaptar el blog para darle flexibilidad a diferentes resoluciones de pantallas, un ejemplo de esta meta etiqueta es:


<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Nota: esta etiqueta es solo un llamado para volver el documento HTML del blog (o web) flexible para cualquier tipo de pantalla pero esta también depende del CSS ya que debe estar escrito con los profijos correctos para el debido funcionamiento del llamado responsive.

Integracion para blogger

Para agregar estas metas etiquetas es necesario modificar algunos de sus datos para el correcto funcionamiento. Aquí yo te los dejo modificados juntas con otras metas etiquetas que vas a necesitar. Recuerda colocarlas debajo de <head>


Si usas algunas de mis plantillas no es necesario que las integres ya que ellas ya cuentan con todas las meta etiquetas ya mencionadas.


<meta charset="UTF-8">
<meta name="keywords" content="Agregar palabras claves separadas por comas"/>
<meta name="author" content="Nombre del autor del blog">
<meta name="description" expr:content="data:view.description"/>
<meta property="og:description" expr:content="data:view.description"/>
<meta name="twitter:description" expr:content="data:view.description"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<b:if cond="data:view.isPost and data:view.featuredImage">
<link rel="image_src" expr:href="data:view.featuredImage"/>
<meta name="twitter:image" expr:content="data:view.featuredImage"/>
<meta property="og:image" expr:content="data:view.featuredImage"/>
</b:if>

Nota: si usas alguna otra plantilla desarrollada por otra persona recuerda verificar antes que no las tenga, no las implementas si ya la plantilla cuenta con ellas.

Eso seria todo, cualquier duda o pregunta sobre las metas etiquetas por favor déjame un comentario y te responderé lo antes posible para salir con tu duda.

Comentarios