domingo, 4 de diciembre de 2011

Meta Tags / Meta Data

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!

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.

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

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

¡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