Una vez que creamos nuestro sitio Web necesitamos que los buscadores lo encuentren. Para lograrlo debemos insertar meta tags. Estas son etiquetas que corresponden al lenguaje HTML y se escriben dentro de la etiqueta
Lo que escribimos en cada meta tag le indica a los buscadores por medio de que palabras van a encontrar nuestro sitio Web. De acuerdo a la utilización de estos se obtiene determinada posición en los resultados de la búsqueda.
Antes de empezar a enumerar los meta tags más utilizados, describiré las etiquetas que aparecen automáticamente en el lenguaje HTML.
Descripción de las etiquetas
html: Comienza el documento.
meta http-equiv... : Es una etiqueta generada automáticamente por el editor Dreamweaver. Indica el tipo de codificación utilizado en la pagina.
head: Comienza la cabecera del documento. Lo que se coloca aquí no es visible para el usuario.
title: El título que hemos puesto al documento
body:Comienza el cuerpo del documento. Lo que se coloca aquí es visible para el usuario.
Los meta tags son parte del código HTML, y van colocados entre las etiquetas head y head.
¿Cuáles son?
Los más importantes son title y description debido a la relevancia que tienen en los buscadores. Anteriormente keywords. Aunque ahora solo lo toman en cuenta los buscadores más simples y antiguos.
Por el momento les dejo una lista de meta tag utilizados con mayor frecuencia:
META NAME="Title" CONTENT="XXXX"
Se refiere a la descripción de la página que aparece en la parte superior del navegador. El título debería ser una oración que describa el contenido de la página, utilizando palabras clave precisas. Cada una de las paginas debería de tener su propia etiqueta title.
META NAME="Description" CONTENT="XXXX"
Descripción de la página. Debe explicar de forma resumida de que trata. Aparece como descripción del sitio en los resultados de búsqueda.
META NAME="Keywords" CONTENT="XXXX"
Las palabras claves que deben ingresar para encontrar su sitio.
META NAME="Author" CONTENT="XXXX">
El nombre de la persona o personas que elaboraron el sitio Web.
META NAME="Generator" CONTENT="XXXX"
El nombre del programa con el que se creó el sitio.
META NAME="Language" CONTENT="XXXX"
El idioma principal utilizado.
META NAME="Revisit" CONTENT="XXXX"
Cada cuántos días se actualiza el sitio.
META NAME="Robots" CONTENT="ALL"
META NAME="Robots" CONTENT="INDEX,NOFOLLOW"
META NAME="Robots" CONTENT="NOINDEX,FOLLOW"
META NAME="Robots" CONTENT="NONE"
INDEX: Los robots de los buscadores incluyen la página.
FOLLOW: Los robots de los buscadores deben de seguir los links de esta página.
NOINDEX: Se exploran los links, la página no es indexada.
NOFOLLOW: La página es indexada, los links no se exploran.
NONE: Los robots pueden ignorar la página.
¡Comenten!
ACI Eduardo Alejandro López Jiménez: Aquí encontrarás mi opinión personal sobre el mundo de la Web, diseño y tecnología.
domingo, 4 de diciembre de 2011
Meta Tags / Meta Data
Etiquetas:
body,
buscadores,
etiquetas,
head,
HTML,
HTML5,
meta data,
meta description,
meta name,
meta tags,
meta title,
metadata,
metatags,
posicionamineto web
miércoles, 30 de noviembre de 2011
¡Aula Creativa!
Hey! Les cuento que la Academia de Aula Virtual esta en evolución. Cómo parte de contribuir a la comunidad de Diseño Gráfico y Web, Maya 3D, Desarrollo, Arquitectura y Diseño Industrial hemos creado un canal de YouTube por el simple placer de compartir conocimiento.
Los invito a colaborar con demos y video tutoriales y a inscribirse al canal. Este esfuerzo solo puede evolucionar por medio de ustedes.
Los invito a colaborar con demos y video tutoriales y a inscribirse al canal. Este esfuerzo solo puede evolucionar por medio de ustedes.
miércoles, 22 de junio de 2011
Adobe se vuelve móvil: CS5.5
Adobe CS5.5 Evolution Tour: "Las nuevas características en Adobe Creative Suite 5.5 nacieron para ayudarte a mantenerte a la vanguardia en las últimas tendencias del diseño, incluyendo la proliferación de dispositivos móviles y la amplia gama de tamaños de pantalla."
El pasado viernes 17 de junio Adobe concluyo su gira Evolution Tour en México DF donde presentaron las actualizaciones de media versión CS5.5 bajo el slogan de "comprueba que ha llegado el tiempo de cambiar."
Lo mejor del evento fueron los presentadores y evangelistas de Adobe: Greg Rewis, Paul Trani y Terry White (si quieren saber de ellos siganlos en twitter: @terrylwhite, @garazi, @paultrani).
¿Qué tuvieron de especial? Para comunicarte con tu audiencia de manera efectiva no solo se trata de saber y/o conocer el tema. Conozco gente que come libros, devora web, literalmente "esta en todo" y aún con eso es incapaz de mantener la atención. En pocas palabras carecen de carisma.
¿Carisma? Bueno para explicar mejor mi punto, carisma viene del griego jarisma que significa presente o regalo divino y se refiere a esa cualidad que poseen ciertas personas para obtener la atención y/o admiración de otros. Es una extraña combinación entre personalidad y apariencia que genera magnetismo.
Regresando al evento; la gente de Adobe México me dio un lugar VIP al frente (¡A pooooco!), donde por supuesto, estaban (estábamos) toda la jauría ACI y no lo digo por alabar o denigrar a las jaurías.
Aunque finalmente el lugar fue lo de menos. Después del break para comer el lunch, lo perdí a manos de una "chica" de proporciones voluptuosas, actitud de buitre y look que me hace dudar que alguien así se dedique al diseño. Finalmente fue positivo ya que estuve rondando por el lugar y me di cuenta que estuvieras donde estuvieras podías estar al tanto de lo que ocurría en el evento. Las pantallas, audio e iluminación estaban colocados estratégicamente para que nadie se perdiera detalle alguno.
La presentación del software 5.5 se realizó en inglés, el idioma de los expositores, lo cual permitió que fluyera de manera dinámica. Para los invitados que no hablan el idioma se repartieron traductores desde el inicio. Y ¡Oh sorpresa! la traducción era buena.
Desde mi punto de vista, el que Adobe presente una media versión responde a la necesidad de enfrentar el escándalo mediático del HTML 5 y el soporte necesario al CSS3. Todo lo demás es un plus.
Como algunos de ustedes saben, introducirse al mundo Web no es precisamente los más sencillo de entender: HTML, CSS, estándares web, semántica, etc. La relevancia de la CS5.5 es que va más allá de los navegadores de escitorio y adiciona integración a smart phones y tabletas. Además de soportar y facilitar los nuevos estandares CSS3 y HTML 5. En pocas palabras: hacerle la vida más sencilla a los diseñadores y desarrolladores Web.
En otro post les comentaré más a detalles sobre algún programa en específico.
Cc RR PP Eduardo Alejandro L.J.
Adobe Certified Instructor
El pasado viernes 17 de junio Adobe concluyo su gira Evolution Tour en México DF donde presentaron las actualizaciones de media versión CS5.5 bajo el slogan de "comprueba que ha llegado el tiempo de cambiar."
Lo mejor del evento fueron los presentadores y evangelistas de Adobe: Greg Rewis, Paul Trani y Terry White (si quieren saber de ellos siganlos en twitter: @terrylwhite, @garazi, @paultrani).
¿Qué tuvieron de especial? Para comunicarte con tu audiencia de manera efectiva no solo se trata de saber y/o conocer el tema. Conozco gente que come libros, devora web, literalmente "esta en todo" y aún con eso es incapaz de mantener la atención. En pocas palabras carecen de carisma.
¿Carisma? Bueno para explicar mejor mi punto, carisma viene del griego jarisma que significa presente o regalo divino y se refiere a esa cualidad que poseen ciertas personas para obtener la atención y/o admiración de otros. Es una extraña combinación entre personalidad y apariencia que genera magnetismo.
Regresando al evento; la gente de Adobe México me dio un lugar VIP al frente (¡A pooooco!), donde por supuesto, estaban (estábamos) toda la jauría ACI y no lo digo por alabar o denigrar a las jaurías.
Aunque finalmente el lugar fue lo de menos. Después del break para comer el lunch, lo perdí a manos de una "chica" de proporciones voluptuosas, actitud de buitre y look que me hace dudar que alguien así se dedique al diseño. Finalmente fue positivo ya que estuve rondando por el lugar y me di cuenta que estuvieras donde estuvieras podías estar al tanto de lo que ocurría en el evento. Las pantallas, audio e iluminación estaban colocados estratégicamente para que nadie se perdiera detalle alguno.
La presentación del software 5.5 se realizó en inglés, el idioma de los expositores, lo cual permitió que fluyera de manera dinámica. Para los invitados que no hablan el idioma se repartieron traductores desde el inicio. Y ¡Oh sorpresa! la traducción era buena.
Desde mi punto de vista, el que Adobe presente una media versión responde a la necesidad de enfrentar el escándalo mediático del HTML 5 y el soporte necesario al CSS3. Todo lo demás es un plus.
Como algunos de ustedes saben, introducirse al mundo Web no es precisamente los más sencillo de entender: HTML, CSS, estándares web, semántica, etc. La relevancia de la CS5.5 es que va más allá de los navegadores de escitorio y adiciona integración a smart phones y tabletas. Además de soportar y facilitar los nuevos estandares CSS3 y HTML 5. En pocas palabras: hacerle la vida más sencilla a los diseñadores y desarrolladores Web.
En otro post les comentaré más a detalles sobre algún programa en específico.
Cc RR PP Eduardo Alejandro L.J.
Adobe Certified Instructor
Etiquetas:
Adobe,
Adobe Creative Suite 5.5,
Adobe CS5.5 Evolution Tour,
carisma,
CSS3,
evento Adobe CS5.5 Evolution Tour,
Greg Rewis,
HTML5,
Paul Trani,
smartphones,
tabletas,
Terry White
Guías de certificación ACA CS5
Aquí los vínculos para descargar las guías de certificación ACA CS5 (Adobe Certified Associate):
Adobe Certified Associate Dreamweaver CS5
Adobe Certified Associate Flash CS5
Adobe Certified Associate Photoshop CS5
Adobe Certified Associate Premiere CS5
:D
Cc RR PP Eduardo Alejandro L.J.
Adobe Certified Instructor
Etiquetas:
ACA CS5,
Adobe Certified Associate,
adobe cs5,
Dreamweaver CS5,
Flash CS5,
Guías de certificación aca,
guías de certificación ACA CS5,
Photoshop CS5
¡Bienvenidos!
¡Hey!
Como algunos saben tengo un blog personal donde posteo acerca de mi visión general del mundo.
Sin embargo he decidido empezar este blog para escribir de tecnología, web, diseño, Adobe, redes sociales y todo aquello que tiene que ver directamente el ámbito profesional en el que me desenvuelvo.
Espero puedan contribuir conmigo en este nuevo inicio.
Cc RR PP Eduardo Alejandro L.J.
Adobe Certified Instructor
Como algunos saben tengo un blog personal donde posteo acerca de mi visión general del mundo.
Sin embargo he decidido empezar este blog para escribir de tecnología, web, diseño, Adobe, redes sociales y todo aquello que tiene que ver directamente el ámbito profesional en el que me desenvuelvo.
Espero puedan contribuir conmigo en este nuevo inicio.
Cc RR PP Eduardo Alejandro L.J.
Adobe Certified Instructor
Suscribirse a:
Entradas (Atom)