2WebFacil » metatags http://2webfacil.com Tips, tutoriales, ejemplos y descargas para personalizar tu web Wed, 21 Jul 2010 04:59:48 +0000 en hourly 1 http://wordpress.org/?v=3.0 Utilizar Metatags en Blogger http://2webfacil.com/utilizar-metatags-en-blogger/ http://2webfacil.com/utilizar-metatags-en-blogger/#comments Tue, 28 Jul 2009 17:35:55 +0000 2webfacil http://2webfacil.com/?p=262 Como ya hemos comentado en Como utilizar los Metatags los metatags son muy importantes para indicar a los buscadores el contenido de nuestra web. Veamos como agregar metatags en blogger de manera sencilla.

Normalmente se deberían agregar un description y keywords por cada página de nuestro blog, pero solo agregaremos los metatags a la página principal de nuestro blog. En las páginas que no tengan…

]]> Como ya hemos comentado en Como utilizar los Metatags los metatags son muy importantes para indicar a los buscadores el contenido de nuestra web. Veamos como agregar metatags en blogger de manera sencilla.

Normalmente se deberían agregar un description y keywords por cada página de nuestro blog, pero solo agregaremos los metatags a la página principal de nuestro blog. En las páginas que no tengan metatags los buscadores generarán automáticamente el description basado en el texto de la página.

Código para los Metatags en Blogger
Entonces utilizando la sintaxis condicional en Blogger, tendríamos el siguiente código para mostrar los metatags en el home de nuestro blog. Este código debe ser colocado justo antes del tag </head>.

1
2
3
4

<b:if cond='data:blog.pageType == "index"'>
<meta name='keywords' content='keywords, separados, por, comas' />
<meta name='description' content='Descripcion del sitio web' />
</b:if>

Ejemplo Practico
Entonces para nuestro blog de ejemplo creado en Blogger tendríamos nuestros metatags personalizados con el siguiente código:

1
2
3
4

<b:if cond='data:blog.pageType == "index"'>
<meta name='keywords' content='tips, wordpress, blogger, twitter, html, css' />
<meta name='description' content='Tips, tutoriales, ejemplos y descargas para personalizar tu web.' />
</b:if>

Sencillo pero les ayudará mucho a posicionar su blog en los buscadores.

Tags: , , , ,
]]> http://2webfacil.com/utilizar-metatags-en-blogger/feed/ 0 Como utilizar los Metatags http://2webfacil.com/como-utilizar-los-metatags/ http://2webfacil.com/como-utilizar-los-metatags/#comments Sat, 04 Jul 2009 06:15:52 +0000 2webfacil http://2webfacil.com/?p=100 Los metatags son elementos HTML que permiten indicarle a los buscadores ciertas instrucciones que deseamos. Esto es muy útil por ejemplo para indicarle a los buscadores el texto que queremos que indexe para nuestras páginas.

Los metatags son colocados en el header del html es decir entre los tags y y tiene dos parámetros, el name y content del metatag.

1 <metatag 
1

<metatag name="" content="">

Metatags y SEO
Los metatags son muy importantes para para la Optimización para buscadores (SEO) por que mediante ellos podemos indicarles que contenido indexar y que mostrar como resultados de la búsqueda.

  • keywords: indica las palabras clave que contiene nuestro web.
  • description: es el resumen del contenido de la pagina mostrada.

El meta description es utilizado por los buscadores para mostrarlo en los resultados de búsqueda, entonces si deseamos controlar que texto que se muestra en los resultados de la búsqueda podemos incluir y personalizar estos tags.

1
2

<meta name="description" content="Resumen de tu web" />
<meta name="keywords" content="tags, separado, por, comas" />

Por ejemplo para este blog, hemos creado nuestros propios metatagas como se muestra en el siguiente código.

1
2

<meta name="description" content="Tips, tutoriales, ejemplos y descargas para personalizar tu web" />
<meta name="keywords" content="blog, weblog, 2webfacil, blogger, general, html, wordpress" />

Con lo cual obtenemos el siguiente resultado al momento de buscar 2webfacil en Google

metatags

Respecto al description es recomendable colocar uno diferente por cada página de nuestro web para que los buscadores muestren un resumen de acuerdo a cada sección de nuestro web.

Tags: , , , , ,
]]> http://2webfacil.com/como-utilizar-los-metatags/feed/ 1