sábado, 2 de julio de 2011

Generar múltiples "meta description" en Blogger

Las condicionales de Blogger no solamente sirven para establecer diseños y scripts, puede usarse para definir variantes de etiquetas específicas, como las meta description y keywords, aunque esta última no tiene interés para los buscadores, la meta description se usa para mostrar una descripción en el resultado de Google u otros buscadores, si no se usa, puede no aparecer nada o una descripción extraída del sitio que Google ha determinado útil y esto no siempre es preciso.
Pero en un sistema como Blogger, donde todo lo tenemos que poner en la misma plantilla, la meta description para Google se vuelve irrelevante al ser la misma, que en Webmaster Tools conocemos como metas duplicadas ;y se ignoran por el buscador [Ver explicación de Matt Cutts] aunque también se ignora si la información buscada está dentro del contenido y no el título.

Podemos solucionar esto parcialmente de forma automatizada insertando el título del artículo en la meta description mediante data:blog.pageName, esto es:
<meta expr:content='data:blog.pageName + &quot; - El resto de la descripción &quot;' name='description'/>
Que sería traducido por Blogger en el HTML del lado del usuario como:
<meta expr:content='El titulo del blog - El resto de la descripción&' name='description'/>
En el resto de la descripción podríamos poner un pequeño fragmente de texto que describa al blog. Google solamente lee 120 caracteres para una descripción.

Google lo mostrará como:
Fijense en la segunda barra "-" en este caso aparece Erase - seguridad al extremo... "-" Blog de cine, software, etcétera. Primero se repite el título del blog y luego la descripción corta.

Si usaramos condicionales la forma más básica sería (este código entre las etiquetas <head> y </head>):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- Esto solo se mostrará en entradas individuales -->
  <meta expr:content='data:blog.pageName + &quot; - Pon un Texto de descripción corto &quot;' name='description'/>
<b:else/>
  <!-- Esto se mostrará en el resto del contenido -->
  <meta content='Pon un Texto de descripción' name='description'/>
</b:if>
Una forma más avanzada que mostrará una meta diferente en cada sección del blog:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Esto solo se mostrará en el index -->
 <meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Esto solo se mostrará en el archivo -->
 <meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Esto solo se mostrará en páginas estáticas -->
<meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<!-- Esto solo se mostrará en las etiquetas -->
 <meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Esto solo se mostrará en las entradas del blog -->
<meta expr:content='data:blog.pageName + &quot; - Pon un Texto de descripción corto &quot;' name='description'/>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
Desde luego que podemos hacer algo mucho más extremo y poner manualmente cada meta etiqueta a cada página o "ciertos artículos", esto se hace mediante data:blog.url:
<b:if cond='data:blog.url == &quot;http://tublog.blogspot.com/pagina1.html&quot;'>
<!-- Esto solo se mostrará en una página específica -->
 <meta content='Pon un Texto de descripción' name='description'/>
</b:if>
Y si se lo agregáramos al ejemplo básico:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Esto solo se mostrará en entradas individuales -->
<meta expr:content='data:blog.pageName + &quot; - Pon un Texto de descripción corto &quot;' name='description'/>
<b:else/>
<!-- se debe agregar un b:else en vez de /b:if -->
<!-- la etiqueta de cierre /b:if se manda al final -->
<b:if cond='data:blog.url == &quot;http://tublog.blogspot.com/pagina1.html&quot;'>
<!-- Esto solo se mostrará en una página específica -->
<meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<b:if cond='data:blog.url == &quot;http://tublog.blogspot.com/pagina2.html&quot;'>
<!-- Esto solo se mostrará en una página específica -->
<meta content='Pon un Texto de descripción' name='description'/>
<b:else/>
<!-- Esto se mostrará en el resto del contenido -->
<meta content='Pon un Texto de descripción' name='description'/>
</b:if>
</b:if>
</b:if>
Esto significa que cada que queramos poner un meta description para una página en específico agregamos:
<b:else/>
<b:if cond='data:blog.url == &quot;http://tublog.blogspot.com/pagina1.html&quot;'>
<!-- Esto solo se mostrará en una página específica -->
 <meta content='Pon un Texto de descripción' name='description'/>
Y al final junto a las </b:if> agregamos otra
</b:if>
No importa que tan largo quede el código, pues las condicionales solamente mostrarán el contenido que pertenece a una página o sección en específico.

Comentarios y Consultas

Los mensajes serán revisados a veces. No te olvides que soy una persona, no se trata de faltar al respeto, todos tenemos opiniones, no hay que enojarse.

Puedes marcar Notificarme para recibir la notificación de la respuesta.

El ascenso de Skywalker(2019)

Joker 2019Una película que ha roto a divido a los fans muchos culparán a sus director por querer reparar Los últimos Jedi, no es su culpa al final.

[Leer artículo...]

La Espada del Inmortal (2019

Blade of The Immortal (2019)La historia de Manji, un guerrero samurái sin señor que ha sido condenado con la inmortalidad...

[Leer artículo...]

Kemono Michi: Rise Up (2019)

Kemono Michi: Rise Up (2019)Del autor de Konosuba, Genzo Shibata es un luchador japonés que es transportado a un mundo de fantasía, quien está obsesionado con los seres peludos.

[Leer artículo...]

ELI (2019)de Netflix

ELI (2019)de Netflix Reseña y criticaPelícula lanzada directo a video que nos cuenta una historia que parecería sacada de la Dimensión desconocida.

[Leer artículo...]

  © Cgnauta | CGsign blog | [Ver Licencia de uso] | Matius Lenin, Creative Commons, algunos derechos reservados

Regresar ARRIBA  

Vistas desde Mayo 2009

▼/▲ Archivo del Blog

Visitas totales

Información

IBSN: Internet Blog Serial Number 01-77-94-2008

Esta plantilla es creada y diseñada por Matius Lenin para CGnauta blog. Con Scripts de JQuery bajo licencia GNU/GPL. CGnauta es una marca registrada propiedad de Matius Lenin.