Meta Tags
Meta tags son las etiquetas que se insertan entre las cabeceras . Generalmente las páginas HTML suelen llevar en la cabecera siguiente código:
<title> Titulo de pagina</title>
<meta name="GENERATOR" content="nombre del editor de páginas">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Vamos a ver que significa cada uno de ellos.
- Queda claro que entre tags <title> y </title> se indicará el nombre de página
- <meta name="GENERATOR" content="nombre del editor de páginas"> - esta parte de código nos da información acerca de editor con que se ha creado una página
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> - y la última parte de este código nos dice el tipo de la codificación de la página.
Para que sea más fácil entender de lo que hablamos, pueden abrir famoso editor Microsoft Front Page lo que automaticamente generará siguiente código :
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>New Page 3</title></head>
<body>
</body>
</html>
Osea en este caso el editor no crea código completo, solamente da información de página,indicando Título usando tags title> y 3</title> y tipo de la codificación de la páginay tipo de contenido de la página. Completar código e insertar meta tags que nos interesa podemos hacer mediante otras herramientas.
¿Para qué sirve Meta Tags?
Meta tags sirven para incluir la información de referencia (tales como: autor, título, fecha, keyword, descripción, etc) sobre una página. Mediante esta información los robots buscadores incluyen en su base de datos las páginas con metadatos y las muestran en el resultado de la búsqueda. La sintaxis de meta tags :
<meta name="" content="">
donde el parámetro NAME indica qué tipo de etiqueta se usará y por lo tanto podemos crear uno propio, aunque no tenga mucha importancia para navegación. En lo que se refiere a parámetro CONTENT , esto nos da la información del contenido de una etiqueta concreta.
¿Cómo insertar Meta Tags en Blog?
La gran mayoría de las páginas lleva meta tags. Digamos, que meta tags hacen cierto tipo de publicidad a nuestras páginas dando breve descripción e palabras claves acerca de sitio web.Por lo tanto, es lógico que teniendo correctos meta tags tengan más visitas a su página. Vamos a ver como hacer un código simple e insertarlo en nuestro blog.
Si abren este blog y mediante opción de navegador verán código fuente de la página, en la cabecera encontrarán meta tags que yo uso para mi blog. Vamos a ver:
<head><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link rel="alternate" type="application/atom+xml" title="H_acktivis_T - Atom" href="http://ax3l.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="H_acktivis_T - RSS" href="http://ax3l.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="H_acktivis_T - Atom" href="http://www.blogger.com/feeds/5892473357056951461/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=5892473357056951461" />
<link rel="me" href="http://www.blogger.com/profile/09503304951673337055" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<meta content='Blogger, Trucos Blogger, Blogger Hacks, Blogspot trucos, Blogger trucos, trucos para blogger, hacks para bloger, plantillas para blogger, trucos para blog,Programación,Visual Basic,Delphi,PHP,latinchat,Clientes latinchat,ax3l chat privado,códigos fuente,programas gratis,cracking,reversing,hacking,seguridad' name='keywords'/>
<meta content='Trucos Blogger: Trucos para los Bloggers, trucos blog, Hacks, Tutoriales!Programacion VB,Delphi,PHP!tutoriales de cracking, reversing, hacking, webmaster,libros y manuales de hackng,codigos fuente,programas gratis' name='description'/>
<title>H_acktivis_T</title>
de toda la parte de código lo que nos interesa es la parte que va en rojo. Iniciamos sesión en blogger, y nos dirijimos a sección de Diseño. En sección de Edicion de HTML buscamos tag de encabezado <head> e debajo de este tag insertamos siguiente código:
<meta content='Aqui pueden insertar sus palabras claves! Por ejemplo: Trucos blog, Plantillas,etc' name='keywords'/>
<meta content='En esta parte va la descripcion de su blog.Por ejemplo: En mi blog pueden encontrar cualkier tipo de informacion!' name='description'/>
modificar solamente la parte que está en rojo según lo que convenga a su blog. Traten de poner descripción exacta de su página y palabras claves correspondientes.
Post a Comment