Download Contenidos difíciles de posicionar

Document related concepts

Mapa de sitio web wikipedia , lookup

Diseño web wikipedia , lookup

Scalable Inman Flash Replacement wikipedia , lookup

Página web wikipedia , lookup

Mejora progresiva wikipedia , lookup

Transcript
Contenidos difíciles de posicionar
1. IMÁGENES
P
ara los robots o spiders de los buscadores, lo más importante
de los sitios web es el texto, ya que es lo que mejor pueden
entender.
Esto hace que los sitios web ricos en texto sean más fácilmente
posicionables que aquellos cuyo contenido sea principalmente visual,
por ejemplo, por la presencia de imágenes, vídeos, animaciones y
otros elementos multimedia.
Lógicamente no podemos dejar de utilizar este tipo de contenido,
ya que en muchos casos es el aspecto principal y diferenciador del
sitio web. Sin embargo, sí que debemos saber que será más difícil su
posicionamiento y qué técnicas podrían ayudarnos en esa tarea.
Empecemos con las imágenes, contenido habitual en cualquier
página web.
En el caso de las imágenes, lo único que tenemos que hacer es
utilizar el atributo ALT de la etiqueta <IMG>. Este atributo permite
proporcionar una versión alternativa de la imagen en forma de texto.
La idea, por lo tanto, es incluir las palabras clave a posicionar a
través de este atributo. De esta forma, el robot las localizará durante la
exploración de la página.
El hecho de incluir texto alternativo no sólo es conveniente desde
el punto de vista del posicionamiento, sino también en cuanto a la
accesibilidad de la página.
Y para ello, podemos evitar que se muestren las imágenes y
comprobar si el contenido sigue teniendo sentido sin ellas, es decir,
si es comprensible. Una forma de hacerlo es evitar que el navegador
muestre las imágenes.
Por ejemplo, en Internet Explorer podemos acceder al comando
de menú Opciones de Internet del botón Herramientas, situarse
en la pestaña Opciones avanzadas y desactivar la opción Mostrar
imágenes del apartado Multimedia.
En la página siguiente puedes ver una página web sin que
se muestren sus imágenes. Observa que sí que aparece el texto
alternativo.
Copyright © Computer Aided Education, S.A.
1
Contenidos difíciles de posicionar
El texto
alternativo (si
existe) aparece
cuando se
sitúa el puntero del ratón
por encima de
la imagen.
Ahora ya no se muestran las imágenes, pero sí el texto alternativo
de las mismas.
Con este texto podemos llegar a entender el contenido de la
página mejor que si no apareciera. Pues ese texto alternativo es el
que encontrará el robot del buscador respecto de las imágenes de la
misma.
La incorporación del atributo ALT es muy sencilla, ya que se
incluye dentro de la etiqueta IMG, como en:
<IMG SRC="...." ALT="....">
El valor de este atributo (entre comillas dobles o simples) será el
texto que incluyamos como texto alternativo.
Adicionalmente podemos tener en cuenta otros detalles que
también ayudarán al posicionamiento de la página, como el nombre de
los archivos de imágenes. Es mejor un nombre significativo que no una
numeración o determinada codificación.
El texto alternativo se utiliza también en los buscadores de
imágenes, como el del propio Google.
2
Contenidos difíciles de posicionar
También es
interesante
reforzar con
palabras clave
el texto que
está alrededor
de la imagen
No debemos despreciar el número de visitas que nuestro sitio web
puede recibir a partir de la búsqueda de imágenes, ya que puede ser
significativo.
Y para ello, es importante incorporar siempre un texto alternativo.
Recuerda que es lo que pueden ver los robots de los buscadores durante
su visita a nuestro sitio web.
2. FLASH
O
tro componente multimedia habitual en las páginas web
son las animaciones Flash (http://www.adobe.com/
products/flash).
Utilizando tecnología Flash podemos obtener resultados realmente
sorprendentes e impresionantes, pero, como en el caso de las imágenes,
no es un buen contenido desde el punto de vista del posicionamiento
en buscadores.
Sin lugar a dudas, el efecto que se puede conseguir con Flash es
muy atractivo. De ahí su popularidad en el mundo del diseño web. Sin
embargo, presenta algunos problemas, como la indexación.
Está claro que se trata de contenido principalmente visual que los
buscadores no pueden entender tan bien como lo hacen con el texto.
Copyright © Computer Aided Education, S.A.
3
Contenidos difíciles de posicionar
Aunque actualmente Google puede explorar cierto contenido
incrustado en objetos Flash, sigue siendo más difícil su posicionamiento
que cuando se utiliza contenido HTML.
Por ello, es necesario conocer algunas indicaciones desde el punto
de vista del posicionamiento.
Por ejemplo, no es adecuado crear un sitio web completamente
en Flash, sin ningún contenido HTML. Es fácil encontrar sitios donde
esto ocurre, ya que la URL de la página no cambia aunque se navegue
internamente a través de la película Flash.
La navegación por el sitio creado en Flash se hace de una forma
muy agradable y espectacular para el usuario, pero no tanto para el
buscador, que no puede seguir los enlaces incrustados en ese contenido.
Por lo tanto, no puede encontrar las páginas que componen el sitio
web, ya que para él se trata únicamente de una página.
Una alternativa mejor, desde el punto de vista del posicionamiento,
es crear distintas páginas e incrustar la animación Flash en ellas.
De esta forma, cuando se navega utilizando Flash, se accede a
páginas distintas. Así pues, podremos potenciar el posicionamiento
mediante títulos distintos, URL distintas, textos HTML distintos, etc.
4
Contenidos difíciles de posicionar
Con la búsqueda site:
dominio
podremos
conocer qué
páginas del
dominio están
indexadas por
Google. Por
ejemplo,
site:www.
engadget.
com.
Es posible que la película Flash se repita en todas las páginas del
sitio o que haya sido dividida en varios trozos, incluyendo el trozo
oportuno en cada una de ellas.
Esto tiene varias ventajas: podemos guardar la URL de la página
en concreto como un favorito, enviarla por correo electrónico, guardarla
en algún servicio de marcadores sociales, etc.
Además, podemos utilizar el botón Atrás del navegador para
volver a la página anterior de la animación Flash.
Hay que tener en cuenta, sin embargo, que como los enlaces están
incluidos en la propia película Flash, posiblemente el buscador no
pueda seguirlos cuando explore el sitio web.
En ese caso, un mapa del sitio podría indicar a Google la URL de
cada página y así permitir su indexación.
Ya conocemos, por lo tanto, que es mejor disponer de varias
páginas en un sitio web Flash y facilitar la navegación como en un sitio
no Flash, que tener una única página con una animación que incluye
navegación interna.
Bien, pero lo que mejor permitirá posicionar el sitio web con
Flash es compaginar el contenido Flash con contenido HTML. Algunos
sitios web cumplen este criterio completamente, creando versiones
alternativas de su sitio web: una con Flash y otra sin Flash.
Copyright © Computer Aided Education, S.A.
5
Contenidos difíciles de posicionar
Aquí podemos ver un ejemplo de esto. Fíjate que la página
principal del sitio web es una página donde el usuario puede elegir en
qué “versión” del sitio desea entrar.
En estos casos es muy importante que el contenido de ambas
versiones sea el mismo, ya que, si no es así, Google podría entender
que se está realizando cloaking o encubrimiento. Esto puede ser
penalizado, como ya sabemos.
Aunque la técnica de disponer de dos versiones distintas del
mismo sitio web es adecuada, tiene dos inconvenientes:
 Google indexará la versión textual, es decir, la versión que no
utiliza Flash, ya que es la que realmente entiende.
Esto quiere decir que si accedemos a este sitio web desde los
resultados de una búsqueda, lo haremos siempre a la versión
XHTML, que normalmente no es la mejor del sitio web.
 Además, la página principal del sitio web es una página de
entrada, que no se puede optimizar demasiado. Sin embargo,
esa página es la más importante de cara a la optimización
(normalmente es la más enlazada), por lo que perdemos esa
posibilidad.
6
Contenidos difíciles de posicionar
Por lo tanto, la mejor solución es disponer de contenido alternativo
al Flash, pero que este contenido se transfiera automáticamente al
usuario en función de quién o qué sea: si es una persona, que acceda al
contenido Flash; y si es un robot, al sitio HTML.
Para conseguir esto, podemos utilizar una librería JavaScript que
permite detectar el agente que accede al sitio web y proporcionarle la
versión adecuada en cada caso. Se trata de la librería SWFObject.
3. LA LIBRERÍA SWFObject
P
or lo tanto, nos interesa que el agente que acceda al sitio web
obtenga lo que realmente necesita: si se trata de un navegador
como Internet Explorer o Firefox, que obtenga la versión enriquecida
con Flash; si se trata de un robot, la versión HTML con el texto a
indexar.
Para ello se ha creado la librería SWFObject. Se trata de código
JavaScript que facilita esta tarea. A continuación veremos el esquema
que deberíamos seguir para utilizar SWFObject.
El esquema es el siguiente:
 Paso previo: Descargar los archivos necesarios desde
http://code.google.com/p/swfobject.
Copyright © Computer Aided Education, S.A.
7
Contenidos difíciles de posicionar
1.- Insertar la referencia al código JavaScript. Lo haremos en la
sección <head>.
<script type="text/javascript" src="swfobject.js">
</script>
2.- Crear una sección div en donde se mostrará la animación
Flash, es decir, el archivo SWF. Dentro de esta sección incluimos
también el contenido alternativo al Flash (por ejemplo, un enlace
a la página HTML). Esto ya se hace en la sección <body>.
<div id="company">
<p>Contenido alternativo a la versión Flash</p>
</div>
3.- Finalmente, se utiliza el método embedSWF, que se encuentra
en la librería SWFObject. Este método necesita:
- El archivo SWF a reproducir.
- Identificador de la sección div donde se reproducirá.
- El ancho y alto del objeto Flash.
- La versión de Flash requerida.
<script type="text/javascript">
swfobject.embedSWF("company.swf", "company", 685,
300, "7.0.0");</script>
Este último código se incluiría en la sección <head>.
Este mismo esquema sería útil para incluir otro tipo de contenido,
como los vídeos. La diferencia estaría en indicar el archivo de vídeo en
lugar del archivo SWF.
Como has podido comprobar, no es demasiado complicado utilizar
SWFObject. Sin embargo, si lo deseas, puedes obtener el código
necesario de forma automática.
Para ello, utiliza el SFWObject Generator, disponible en
http://www.swffix.org/swfobject/generator.
Aunque el contenido Flash es más difícil de posicionar que el
HTML, podemos utilizarlo si aplicamos estas técnicas. Lo ideal es
combinar ambos tipos de contenidos, reforzando el uso de las palabras
clave en el texto y enlaces HTML.
Un último apunte: no utilices frames o marcos en tu sitio web,
ya que los robots pueden confundir la página principal con una página
vacía al no poder acceder a los frames de contenido.
8
Contenidos difíciles de posicionar
4. EL ARCHIVO robots.txt
E
n ocasiones desearemos que ciertas páginas de nuestro sitio
web no sean indexadas por los buscadores.
Contenido duplicado de un sitio web o páginas poco importantes
son ejemplos de esto.
Para ello, podemos utilizar el archivo robots.txt, que normalmente
se incluye en el directorio raíz del sitio web e indica a los robots de
los buscadores algunas condiciones que deben cumplir durante la
exploración del sitio web.
Ejemplo de archivo robots.txt:
User-agent: *
Disallow: /aboutus.html
Disallow: /pdf/
Disallow: company.swf
Sitemap: http://www.dominio.com/sitemap.xml
Como el formato de este archivo se especifica en un estándar,
todos los robots deberían respetar esas condiciones. El formato de este
archivo es el siguiente:
 Utilizamos una línea User agent para indicar el nombre de los
robots que se verán afectados por este archivo. Indicando el
asterisco (*), serán todos los robots conocidos.
 Después aparece una línea Disallow con todas las páginas o
directorios que no deseamos que queden indexados. Debes
incluir una línea por cada una/o de ellos.
 Finalmente, tenemos otra línea donde indicar la presencia del
mapa del sitio web (si existe alguno).
Los robots buscan este archivo cuando empiezan a explorar el
sitio web y, si no lo encuentran, asumen que no hay ninguna restricción
que cumplir.
Sin embargo, si encuentran uno, deben seguir las indicaciones.
Por ejemplo, esto sería conveniente para evitar indexar contenido
duplicado (HTML y PDF), archivos Flash, etc.
Copyright © Computer Aided Education, S.A.
9
Contenidos difíciles de posicionar
Una herramienta para crear archivos
robots.txt complejos es:
http://www.mcanerin.com/EN/search-engine/robots-txt.asp
Esta herramienta podría utilizarse, por ejemplo, para indicar el
nombre de algún robot en concreto.
Hay que tener en cuenta que este archivo está disponible para
cualquiera que lo solicite mediante su navegador web, ya que
normalmente se incluye en el directorio raíz del sitio web.
Por lo tanto, no debería utilizarse para ocultar información, como
alguna parte privada del sitio web.
Para esto último, es mejor utilizar las etiquetas META siguientes
en aquellas páginas donde lo necesitemos:
<META NAME="ROBOTS" CONTENT="NOINDEX">
para que no se indexen las páginas.
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
para que los robots no sigan los enlaces incluidos en las páginas.
Recuerda que debes evitar el contenido duplicado y, si realmente
es necesario, evitar que se indexe más de una vez, ya que Google y
otros buscadores podrían penalizarlo como cloaking.
10