13 feb. 2014

Las metaetiquetas básicas en un Blog

Las meta etiquetas son datos recogidos en identificadores que se ofrecen a distintos sistemas con diversos propósitos. Simplificando técnicamente y aplicándolo directamente a las páginas web, se trata de identificadores capaces de proporcionar valiosa información a los buscadores acerca de un sitio web.

De incuestionable valor para la correcta optimización de un sitio web para los motores de búsqueda (SEO), se escriben en el código fuente de una página web, dentro de la sección que va entre la etiqueta <head> y </head> que no se visualizan en la presentación de la página a los usuarios. Es información que está escrita para que un sistema la identifique y procese si la conoce o la ignore si no la conoce.

¿Qué aportan las meta etiquetas a mi Blog?


En el caso de un Blog, al igual que sucede con cualquier publicación web, las meta etiquetas se utilizan para proporcionar información acerca del sitio que los motores de búsqueda utilizan para comprender qué contenidos y de qué forma están expuestos, se encuentran en un sitio web.

El prefijo "meta" alude a su utilización "más allá de" puesto que su propósito es tan variopinto como la cantidad de sistemas que pueden utilizarla:

  • Muchos motores de búsqueda las utilizan para verificar la propiedad de un sitio, la persona a la que pertenece.
  • Se pueden utilizar para proporcionar la descripción de la finalidad de un sitio.
  • También se utilizan para establecer valores técnicos como la utilización de la caché o el lenguaje en el que se encuentra codificada una página.
  • Aportan información de palabras clave para las búsquedas que realizan los usuarios.
  • Pueden proporcionar información a robots rastreadores de información como los de los buscadores, para que puedan indexar la información con mayor facilidad.

Su utilización es diversa pero claramente aportan una información extra a los buscadores que es vital para que tu Blog quede indexado o sea "localizable", con mayor facilidad.

¿De qué se compone una meta etiqueta?


Todas tienen la misma estructura o sintaxis a la hora de escribirse en el código de una página web en HTML (en este caso las analizaremos desde una perspectiva de Blogger):

<head>
<meta content='CONTENIDO_INFORMACIÓN' name='NOMBRE_META_ETIQUETA'/>
</head>


  • Las meta etiquetas siempre van en la parte del código HTML que se encuentra dentro del ámbito de la etiqueta <head>.
  • Su estructura formal, su sintaxis, es siempre:
  •  <meta content=: información de la meta etiqueta, diseñada y preparada para que la entienda el sistema al que va destinada y sea ignorada por aquellos otros sistemas que no la reconocen. 
  •  <name= sistema:  nombre de la etiqueta o identificador que reconocerá el sistema capaz de procesarla e ignorarán aquellos que no la conozcan.

¿Cómo puedo verlas en cualquier página web o Blog? 

En cualquier navegador, haciendo "clic" derecho sobre la página web y dándole a "ver código fuente de la página". Fíjate siempre que van después de la etiqueta <head>.

¿Cómo puedo ponerlas en mi Blog? 


1) Siempre se ponen en el código fuente de la plantilla. Aunque es muy sencillo ponerlas, antes de introducirlas y en previsión a posibles errores, haz siempre una copia de seguridad siguiendo los pasos de esta guía.

2) Dentro de Blogger, en el menú de la parte izquierda busca la opción "Plantilla" y pulsa el botón en el que pone "Editar HTML", te aparecerá una pantalla similar a la que te  pongo a continuación:


3) Justo debajo de la etiqueta <head> puedes escribir las que necesites. Procura que queden o inmediatamente después de <head> o antes de </head>.


Las meta etiquetas imprescindibles en todo Blog:

Vamos a exponer aquellas que no vienen "de serie" en la plantilla y son las básicas o "mínimas" que deberías utilizar:

Asegúrate de que las metaetiquetas que sean importantes para la página principal, sólo aparezcan en ésta y no en las de las entradas, abajo tienes el código que debes poner para hacerlo.
  • <meta content='Miguel García Sánchez-Colomer' name='author'/>: Como ya intuyes, esta etiqueta es necesaria para indicar quién es el autor del Blog. Si tienes un perfil Google+, es interesante que procures que coincida con el nombre que has utilizado en dicho perfil. Esta etiqueta es fundamental para justificar la autoría de los contenidos en los sistemas que analicen tu web.
    • Si utilizas Google+, puedes emplear el perfil de tu usuario o tu página con las siguientes meta etiquetas:
<meta content='https://plus.google.com/URL_PERFIL_GOOGLE+' name='author'/>
<meta content='https://plus.google.com/URL_PÁGINA_GOOGLE+name='publisher'/> 
Estas metaetiquetas author y publisher no son importantes en la página principal del Blog. Son útiles en el detalle de las entradas.
  • <meta content='es' http-equiv='content-language'/>: Aquí debes expresar el lenguaje en el que se encuentra escrito tu Blog.

  • <meta content='blogger, guias, tutoriales, blog, seo, redes sociales, redndimiento, css, tecnologia' name='keywords'/>: Coloca aquí las palabras clave (keywords)  por las que desearías que el buscador pudiera localizar tu Blog según las búsquedas de los usuarios. Procura no abusar de ellas, hay muchísima documentación al respecto de su correcta utilización, te sugiero que leas esta guía para seleccionarlas bien.

  • <meta content='Ayuda al Blogger con guías desde cero para principiantes y contenidos inéditos en Internet para los más expertos' name='description'/>: una breve descripción del contenido que alberga tu Blog. Procura que no sea excesivamente larga, simplifica, sintetiza y clarifica. No utilices esta etiqueta en Blogger si rellenaste la descripción del Blog en "Configuración", "Lo básico".
Ejemplo de utilización en una plantilla Blogger:
<head>



<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='Diarios de la nube es la web de ayuda al Blogger con guías para no iniciados en informática y contenido inédito en Internet para los más expertos.' name='description'/>
<meta content='blogger, guias, tutoriales, blog, seo, redes sociales, redndimiento, css, tecnologia' name='keywords'/>
<meta content='Diarios de la nube es la web de ayuda al Blogger con guías para no iniciados en informática y contenido inédito en Internet para los más expertos.' property='og:description'/>
<meta expr:content='data:blog.pageName' name='DC.title'/>
</b:if>

[...otros meta del head que utilizaras...]
<meta content='es' http-equiv='content-language'/>
<meta content='General' name='rating'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='blog' property='og:type'/>
[...resto de código asociado al <head>...]
</head>
<b:if cond='data:blog.pageType == &quot;index&quot;'> Este código con un "if" condicional, le indica a Blogger que sólo dibuje estas metaetiuetas en la página principal del Blog y no en el detalle de las entradas. Esto es importante  porque si tienes descripción por entrada no debe ser machada nunca por la descripción general del Blog.

Hay muchas más etiquetas que puedes utilizar, especialmente aquellas destinadas a verificar la propiedad de tu Blog en las distintas herramientas de webmaster (Google, Bing/Yahoo, Baidu, Yandex...) y otras muchas, que si el tema te intersa, podemos ver en próximas entradas.

    Escrito por Miguel García Sánchez - Colomer

    Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

    22comentarios:

    1. Hola Miguel, te puedes creer que mi problema era de las etiquetas?. Me he fijado en la foto que tienes de tu plantilla para el ejemplo de este post y lo he solucionado. Estoy super agradecida. No era problema del feed, sino que en mi plantilla estaban mal colocadas algunas cosillas. Saludos y feliz día!!

      ResponderEliminar
      Respuestas
      1. ¡qué alegría que te haya servido!, pues genial. Cualquier cosa aquí me tienes como siempre. ¡Un saludo bien fuerte!

        Eliminar
    2. Amigo...vos sos el mejor! Pero nada puedo hacer en la plantilla de mi blog. No se que pasa =( Te dejo un abrazo y gracias por ser tan claro y específico en tus tutoriales. Un abrazo =)

      ResponderEliminar
      Respuestas
      1. Un abrazo para ti también Soledad. Cualquier cosa aquí me tienes.

        Eliminar
    3. Tengo una duda con esto de las meta etiquetas ...que no estan ya en las herramientas dentro de lo basico? O todavia tengo que ponerlas en el html? Muchisimas gracias por tu ayuda. Saludos

      ResponderEliminar
      Respuestas
      1. Las que tengas rellenas ya con "lo básico" en Blogger, no es necesario que las repitas en la plantilla del blog (por ejemplo la descripción). Un saludo y muchas gracias por participar.

        Eliminar
    4. En las meta etiquetas, veo que solo tienes palabras sueltas, ¿se podría meter dos palabras como "manualidades infantiles", ¿o mejor las pongo separadas? ¿o las dos cosas? Gracias

      ResponderEliminar
      Respuestas
      1. Puedes usar más de una y separadas (aunque te recomendaría sólo una a una sin espacios en blanco). Antes revisa bien las palabras clave que vas a utilizar: http://www.diariosdelanube.com/2013/10/la-guia-para-el-analisis-de-palabras.html

        Eliminar
    5. Respuestas
      1. A ti, cualquier cosa pregunta. Un saludo y gracias de nuevo.

        Eliminar
    6. ¿Tienes alguna entrada en la que explique que hacer para que no copien tus entradas, sobre todo las fotos?Podrías responderme por mail? porque me pierdo siempre las respuestas.
      Gracias

      ResponderEliminar
      Respuestas
      1. Hola, para la prevención y defensa contra el copiado tengo esto: http://www.diariosdelanube.com/2014/05/que-hacer-si-copian-una-entrada-de.html

        Cualquier duda pregunta lo que necesites. Un saludo y gracias a ti.

        Eliminar
    7. Hola Miguel , gracias por tu aporte , me sería útil si pasas por mi blog ya que tengo una melange que no se como arreglar , por ejemplo estar en los motores de búsqueda mejores para que sea mas visible o posicionado etc. todo lo que está lo he hecho desde el principio sin nociones de nada como te darás cuenta y espero no sea muy cruel con mi blog jejee, si puedes darte una vueta y dejarme algún consejo que puedas darme para mejorar lo que se pueda muchas gracias .JP.
      http://pezplata.blogspot.com

      ResponderEliminar
      Respuestas
      1. Hola Julio,
        tu Blog me parece correcto. Transmite lo que quieres dar, mostrar, da sensación de fuerza y sensibilidad a partes iguales. Las fotografías han sido bien escogidas, reflejan claramente los sentimientos del texto y consiguen enganchar.

        En cuanto a optimizaciones, se pueden emprender cientos siempre (en cualquier blog). Yo todo lo que voy aprendiendo lo comportado con todo el mundo en mi guía sobre posicionamiento y mejora del Blog http://www.diariosdelanube.com/2013/09/aprende-practicar-seo-y-mejorar-el.html.

        Una cuestión que podría plantearte es utilizar alguna plantilla responsive: http://www.diariosdelanube.com/2014/02/que-es-responsive-design.html y para ponerte una tienes estos artículos: http://www.diariosdelanube.com/2014/05/como-cambiar-la-presentacion-de-mi-blog.html y este otro: http://www.diariosdelanube.com/2013/11/personaliza-tu-plantilla-blogger.html

        El actualizar la plantilla a algo más moderno podria venirte genial para potenciar la profesionalidad de tu trabajo. Esta plantilla por ejemplo, creo que podría cuadrar con la intensidad que requieren tus fotografías y que quizás pegue con tu estilo: http://www.templateism.com/p/preview.html?url=http://xmax-theme.blogspot.com/

        Esto del Blog es ir probando y probando y aprendiendo cosas nuevas constantemente. Cualquier cosa por aquí estoy.

        Un saludo!!!

        Eliminar
    8. Respuestas
      1. Me alegro que te guste!!! Hay muchas guías para lo que necesites. Un saludo!!!

        Eliminar
    9. Yo ya no pongo el meta keywords porque Google dice que no le hace caso.... ¿Qué piensas amigo?

      ResponderEliminar
      Respuestas
      1. Hola Félix, las keywords se utilizaban en versiones más antiguas de Google, actualmente se estudian y analizan automáticamente por los robots rastreadores luego no sirven para este buscador. Sin embargo, hay otros buscadores menos avanzados que Google que si continúan utilizándolas, por ello no es mala idea dejarlas.

        Un saludo!.

        Eliminar
    10. Excelente tutorial! Esta muy bien explicado, ahora deberías realizar uno que indique como hacer lo mismo pero con meta etiquetas para redes sociales, deben ser algunas sencillas porque en la web encontrás a pura gente que explica demasiado en términos exagerados. Lo sencillo es lo mejor, sigue así y muchas gracias!

      ResponderEliminar
      Respuestas
      1. Un placer ayudar, esa es la intención. Muchas gracias por participar.

        Eliminar
    11. Respuestas
      1. Me alegro que te sirviera. Un saludo y muchas gracias por participar.

        Eliminar

     

    © 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.