Otra de las utilidades de las etiquetas META de HTML es la realización de transiciones entre páginas. Estas transiciones permiten que, al pasar de una página a otra, se cambie de documento creando un sencillo efecto de gradiente, cortinilla, etc. como los que hemos podido ver principalmente en edición de vídeo. Estas transiciones tienen un único objetivo que es mejorar la estética de la página y no afectan para nada al funcionamiento de la misma.

Transiciones sólo son compatibles con Explorer

Las etiquetas META de transiciones sólo son compatibles con Internet Explorer, por lo que otros navegadores no las tendrán en cuenta para nada. Es decir, simplemente las ignorarán.

Nos podremos preguntar entonces: ¿Hasta que punto se hace interesante el uso de las transiciones con etiquetas META? Pues esa respuesta depende de cada desarrollador y de sus criterios personales. Unos directamente las descartarán por no servir para mucho y por no estar presentes en la mayoría de navegadores. Otros podrán decidir utilizarlas, puesto que no afectan para nada a los programas que no las interpretan y por ofrecer algo adicional en Internet Explorer.

En mi modesta opinión, las transiciones entre páginas no son necesarias para nada y algunas son un poco feas, por lo que no acostumbro a usarlas. No obstante, las estoy explicando en este artículo de DesarrolloWeb.com para el que le apetezca utilizarlas y dar un poco de dinamismo en su página, para los usuarios de Internet Explorer. Sobretodo, tener en cuenta que transiciones muy largas pueden ser molestas más que vistosas.

Uso de las META Transition

Las etiquetas META Transition, o META de transición, se definen con la etiqueta META, a la que se le indican dos atributos.

Atributo http-equiv:
Para indicar si la transición es para cuando se entra en la página o cuando se sale de ella.

Atributo content:

Para indicar el tipo de transición y la duración.

Un par de ejemplos de etiquetas meta de transición serían:

<meta http-equiv=”Page-Enter” content=”blendTrans(duration=1)”>
<meta http-equiv=”Page-Exit” content=”revealTrans(duration=0.5, transition=5)”>

La primera define una transición cuando se entra en la página y la segunda una transición para cuando se sale de ella.

Estas etiquetas meta de transiciones se deben indicar, como cualquier otra etiqueta META, en el HEAD de la página. Pero con un detalle, si la página tiene un enlace con una hoja de estilos CSS externa, debe colocarse antes la transición de Page-Enter, si no no se verá. En general, las etiquetas META para transiciones no darán problemas si las colocamos inmediatamente después de haber iniciado el HEAD de la página.

Distintos tipos de transiciones entre páginas

Existen diversos tipos de transiciones que se pueden aplicar con el atributo content. En este artículo de desarrollo web .com no vamos a ver todos los tipos, pero al menos sí unos cuantos. En los ejemplos utilizamos constantemente un valor duration=1, que indica la duración de la transición en segundos. Veremos varios ejemplos de transiciones:

Para hacer Transiciones de tipo degradado utilizamos content=”blendTrans(Duration=1)”. Con esta transición en las que se muestran los contenidos con un fundido de menos a más. Al principio la opacidad de la página nueva es casi transparente y va cambiando hasta que se hace totalmente opaca.

<meta http-equiv=”Page-Enter” content=”blendTrans(Duration=1)”>

Otra amplia gama de transiciones las podemos hacer con un valor revealTrans en el atributo content: content=”revealTrans(duration=1, transition=5)”. Estos tipos de transiciones permiten mucha variedad cambiando los valores duration, que sirve para indicar la duración en segundos, y transition, que recibe un número entero con la transición que deseamos realizar. Veamos varios ejemplos:

Transición al salir de la página, de un círculo desde fuera a dentro y medio segundo de duración.

<meta http-equiv=”Page-Exit” content=”revealTrans(duration=0.5, transition=2)”>

Transición al entrar en la página, de un cuadrado que va de dentro a fuera y de 1 segundo de duración.

<meta http-equiv=”Page-Enter” content=”revealTrans(duration=1, transition=1)”>

Transición al salir de la página, que muestra la nueva página con una sucesión de pixel en lugares aleatorios, hasta que se rellenan todos los puntos de la nueva página.

<meta http-equiv=”Page-Exit” content=”revealTrans(duration=1, transition=12)”>

Transición al entrar en la página, de una cortinilla que va de arriba a abajo.

<meta http-equiv=”Page-Enter” content=”revealTrans(duration=1, transition=5)”>

Hasta aquí hemos visto varios tipos de transiciones, pero podemos obtener y probar por nosotros mismos otros valores de transition no tratados en este artículo de desarrolloweb.com. Obtendremos diversas transiciones, cambiando el valor transition, que permite valores enteros hasta al menos 22 transiciones distintas.

Via: Desarroloweb.com

Como hemos dicho, la etiqueta robots, dentro de las posibles etiquetas con Metainformaciones acerca de un documento web, sirve para llevar un control exhaustivo de lo que puede o no puede hacer un robot de indexación cuando visita nuestro sitio web. Los comportamientos más típicos que podemos definir son permitir o no indexar una página y seguir o no sus enlaces.

Ahora veamos cómo se define esta etiqueta META de robots.

<META name=”robots” content=”NOINDEX”>

Como se puede ver, se define el etiqueta META y se acompaña de dos atributos esenciales:

Name: que para la etiqueta META que controla los comportamientos en motores de indexación el valor es “robots”.

Content: se indica las directivas que queremos que apliquen los motores de indexación cuando visitan la página.

Valores posibles de la etiqueta META ROBOTS

En el atributo Content de la etiqueta meta debemos colocar las directrices que deseemos para buscadores, tantas como deseemos, separadas por comas. Las distintas directrices a aplicar son las siguientes:

INDEX / NOINDEX
Sirve para indicar si se desea o no permitir la indexación de la página por los motores de búsqueda.

FOLLOW / NOFOLLOW
Con esta directriz se indica si se debe o no permitir a los motores de búsqueda recorrer o seguir recorriendo la web a través de los enlaces que encuentre en el cuerpo del documento.

ARCHIVE / NOARCHIVE
Esto permite decir si deseamos o no que el motor de búsqueda archive el contenido del sitio web en su caché interna. Como habremos podido ver, buscadores como Google tienen una caché y podemos ver las páginas web tal como las tiene cacheadas el buscador. Para ello, en los resultados de las búsquedas aparece un enlace que pone caché. Si decimos que no archive la página, no debería mostrar ese enlace de caché. Esto en realidad, según Google, no evita que se guarde en caché la página, sino que no permite verla a los usuarios del buscador y por lo tanto no muestra el enlace.

SNIPPET / NOSNIPPET
Esta directriz en principio no resulta muy útil, al menos a primera vista. Sirve para que el motor de búsqueda no muestre ninguna descripción de un sitio, sólo su título. Si utilizas NOSNIPPET automáticamente defines un NOARCHIVE, por lo que la página tampoco se mostrará en caché.

ODP / NOODP
Sirve para decirle al buscador que debe, o no, mostrar el título y descripción de la página iguales a los que se encuentra en el Open Directory Project. En algunos casos, algunos buscadores muestran como título y descripción de una web los que se han publicado en el ODP (ENLACE A http://www.dmoz.org/).

YDIR / NOYDIR
Es básicamente lo mismo que ODP / NOODP, con la diferencia que es para que no se pueda, o si, mostrar la descripción y título que aparece en el directorio de Yahoo.

Cuando no existe esta etiqueta los buscadores interpretan las condiciones más favorables para ellos, es decir, que pueden hacer todo lo que suelen hacer con otras páginas a la nuestra, como indexarla, seguir sus enlaces, archivarla, etc.

Ejemplos de etiquetas META ROBOTS

A la hora de utilizar la META ROBOTS básicamente lo que podemos hacer es restringir las posibilidades de los motores de búsqueda, puesto que las posibilidades por defecto son las menos restrictivas.

Esto quiere decir que una etiqueta como la siguiente es irrelevante, porque el buscador siempre va a indexar la página y seguir sus enlaces de manera predeterminada:

<META name=”robots” content=”INDEX,FOLLOW”>

Podemos definir entonces casos más restrictivos como estos:

<META name=”robots” content=”INDEX,NOFOLLOW”>
Para indicar que se desea que se indexe la página, pero no se sigan los enlaces. Dada que la opción INDEX es la que se sobreentiende por defecto, esta etiqueta tendría el mismo valor que la siguiente:

<META name=”robots” content=”NOFOLLOW”>
Para indicar que no queremos que se sigan los enlaces de la página.

<META name=”robots” content=”NOINDEX,NOFOLLOW”>
Para indicar que no queremos que se indexe la página ni se sigan los enlaces que pueda contener.

<META name=”robots” content=”NOARCHIVE”>
Lo único que indicamos es que no se muestre el enlace para ver la página en la caché del buscador.

<META name=”robots” content=”NOINDEX,NOFOLLOW,NOARCHIVE,NOODP,NOSNIPPET”>
Con esta restrictiva etiqueta forzamos para que no se indexe la página, no se sigan los enlaces, no se muestre el link de caché, no se muestre el título y descipción del Open Directory Project y sólo se muestre el título de la página en los resultados de las búsquedas.

Vía: desarrolloweb.com

Visitantes "calificados"

Como conseguir visitantes “calificados” en tu sitio web
utilizando buscadores y directorios.

> Tráfico gratis mediante buscadores
> Trucos y consejos para un buen posicionamiento

Por qué son tan importantes los buscadores para un website?

Las estadísticas hablan por sí solas:

* 91 % de los usuarios utilizan los buscadores al navegar por la red
*  9 de cada 10 búsquedas son realizadas desde los 20
buscadores mas importantes
* 85 % de los usuarios de buscadores encuentran lo que desean
en los primeros 30 resultados
* 77 % de los usuarios de Internet emplean a los buscadores como
el único medio para encontrar información y descubrir nuevos
websites de interés

Cuando realizas una búsqueda…
cuántas páginas de resultados miras tú?

Si eres como la mayoría de los usuarios, no irás mas lejos de la
tercera página, a menos que no encuentres lo que necesitas.

Para estar ubicado en esas primeras tres páginas, tu sitio web
va a necesitar “OPTIMIZACION” …  o dicho en otras palabras…
hay que agradarle a los buscadores.

Demás está decirte que no es tarea sencilla…  pero tampoco imposible.

Hay tres ingredientes ESENCIALES que debes tener en cuenta:

1- buenos contenidos
Esto es lo que los usuarios buscan y lo que los buscadores
quieren ofrecer.  Cada página del sitio debe mostrar información
útil, de buena calidad relacionada con el tópico de la búsqueda.
Algunas pocas páginas de rica información, hará que los
buscadores te tomen en cuenta, pero podría asegurarte que no
conseguirás los primeros puestos.

2- Keywords y Keyphrases:
palabras y frases relevantes en la página
Es indispensable la edición del código HTML de cada página
individualmente.  Se necesita incluir “Etiquetas META” en las
primeras líneas de ese código pues es lo primero que el
buscador querrá encontrar al chequear la página.

El TITULO, la DESCRIPCIÓN y las KEYWORDS no deben faltar!

3- hipervínculos
la gran mayoría de los buscadores, le dan mas relevancia a
sitios que tengan gran popularidad.  Es de real importancia
practicar la técnica de LINKS RECIPROCOS.  (intercambio
de links), como así también poner anuncios y avisos
clasificados en páginas relacionadas.

Algunas consejos relevantes para todos los buscadores:

-  Conoce a tu tipo de público y usa las palabras y frases correctas.
-  Jamás uses keywords que nada tienen que ver con tus
contenidos tan solo para capturar mas tráfico!
-  Cada página debe optimizarse individualmente con las
principales Etiquetas Meta.
-  Conoce los reglamentos internos de los principales buscadores
para no ser penalizado o excluido de los mismos
-  La mayoría de los buscadores utilizan ROBOTS.  Si incluyes
la etiqueta Meta “robots” adecuadamente no tendrás necesidad
de inscribir tus páginas todos los meses!
-  La primera vez que inscribas tus páginas, la inclusión puede
demorar entre 30 y 60 días.  No la reinscribas antes de pasado
ese tiempo o será considerado Spam.
-  No utilices métodos artificiales para generar popularidad.
Google los reconoce y tu sitio quedará penalizado perdiendo
toda posibilidad de quedar incluido para siempre.
-  Coloca un título adecuado e individual para cada página.
Sería excelente si pudieras incluir palabras clave en el mismo.
Eso ayuda enormemente a obtener buen posicionamiento.