Manual de Optimización on-site - canalip.com · Los códigos Meta o Metatags son etiquetas que...

Manual de

Optimización on-site

2

Informe de Optimización SEO

Índex

1. Introducción 4

1.1 Factores On Page 4

1.1.1 Orden de prioridades 5

2. Palabras Clave 6

3. Dominios y contenido duplicado 7

4. URLS "Friendly" 9

5. Title y Metatags 10

5.1 Tag Title 11

5.2 Metatag Description 12

5.3 Metatag Keywords 13

6. Cabeceras Optimizadas 14

7. Códigos Alt 15

8. Contenido 16

9. Densidad de palabras clave 18

10. Blog 19

11. Página de error 404 20

12. Sitemap XML 21

13. Otros aspectos que debemos evitar 22

13.1 Código HTML 22

13.2 Nueva estructura web - Redirección 301 22

13.3 Contenidos en Flash 22

13.4 Frames 23

3


Aviso legal

Este dossier y su contenido es propiedad de Canal IP Network S.L.

4


1. Introducción

El presente documento pretende ser un manual de recomendaciones para optimizar la estructura web y los contenidos de tu

web. Siendo éste un análisis técnico en el que se apuntan todos aquellos aspectos que pueden ser imprescindibles a la hora de

conseguir el mejor posicionamiento de su web en los buscadores. La implementación de los cambios propuestos en este informe

dependerá del gestor de contenidos que estés utilizando en tu web.

1.1 Factores On Page

En el presente informe se estudiarán aquellos factores on page a mejorar, ofreciendo algunos ejemplos para que puedan ser

aplicados posteriormente en todos los apartados de la web. El objetivo es que, una vez consultado este documento, se

establezcan unos parámetros de actuación, así como prioridades.

Buscadores como Google interpretan que ciertos elementos de un sitio web tienen mayor relevancia que otros y, por lo tanto, el

contenido que se incluya en ellos será clave en el posicionamiento orgánico.

Los aspectos más relevantes en un sitio web relacionados con el contenido son:

1. URL

2. Metatags (especialmente title y description)

3. Mapas del site

4. Contenido textual

5. Contenido multimedia

6. Navegación

Durante la optimización del contenido de un sitio web se recomienda simplemente utilizar la lógica puesto que, finalmente, el

contenido que estemos generando será el que recibirá el usuario potencial del site. Sobreoptimizar un sitio web no es positivo, por

lo que debe encontrarse el equilibro entre lo que queremos decir y cómo lo decimos para que el posicionamiento mejore. A lo largo

del informe se establecerán una serie de recomendaciones respecto a los puntos comentados anteriormente que deben seguir en

la medida de lo posible.

5


1.1.1 Orden de prioridades

A la hora de analizar y optimizar una página web es conveniente establecer un orden de prioridades a seguir.

No debemos confundir página web con sitio web (este último es el conjunto de todas las páginas que forman el site). El hecho de

tomar una web como un todo permite que los aspectos que se optimicen tengan relación entre ellos y sean consistentes y

coherentes.

Para escoger el orden de prioridades entre las distintas páginas web que forman un site puede tomarse como referencia la

importancia de la página en el total del sitio web. Por ejemplo, una buena manera de escoger qué orden se seguirá es el nivel de

profundidad de navegación de la página.

Así pues, la página principal es la página de primer nivel, seguida de las páginas a las que se accede con un solo clic desde la

home (que serían de segundo nivel) y así sucesivamente.

Dentro de esta fórmula, las páginas de profundidad que actuarán como landing page de los criterios escogidos, sería positivo que

se optimizasen en primer lugar.

Obviamente, el know how y la visión estratégica de la empresa puede hacer variar este orden de prioridades, pero es importante

tenerlo presente desde el inicio de la optimización del sitio web

6


2. Palabras Clave

Para optimizar tu web es esencial haber analizado previamente las palabras clave mejor se adapten al contenido de tu web y que

puedan generar un tráfico de calidad.

Estas palabras clave serán con las que deberás trabajar en tu web y tenerlas en cuenta para optimizar cada punto que tratemos en

este documento.

7


3. Dominios y contenido duplicado

El hecho de que la web aparezca con www. o sin www hace que para Google esto pueda llegar a considerarlo como contenido

duplicado ya que para el motor de búsqueda es como si fueran dos webs diferentes.

Para evitar posibles incidencias y penalizaciones de Google es muy importante determinar cómo dominio principal el dominio con

las www. de forma que la página home, por ejemplo, siempre sea http://www.tudominio.com en lugar http://tudominio.com,

indicándolo desde el panel de gestión de dominios o simplemente desde la herramienta de WebmasterTools de Google que

permite dicha opción, indicándole directamente a Google cual es el dominio preferido.

Para ello debemos acceder a nuestra cuenta donde tenemos activa la Herramientas para Webmasters de Google. En primer lugar

tendremos que dar de alta y verificar, tanto el dominio con las www. como sin ellas.

Ahora tan sólo tenemos que entrar en la que tiene las www. y clicamos en “Configuración del Sitio” del menú desplegable situado

en la parte superior derecha de la pantalla:

8


Por último en “Dominio Preferido”, seleccionamos “Mostrar URL como www.” y clicamos en Guardar.

9


4. URLS "Friendly"

La URL hace referencia al dominio de la página y su localización en el sistema, por ejemplo,

http://www.dominio.es/carpeta/pagina.html. De cara al posicionamiento en buscadores es importante que las Urls

contengan palabras clave.

En muchas ocasiones, las páginas suelen tener Urls con formatos no optimizados, del tipo “seccion1.html”, o

“pagina.php?id=123&parámetro=x”. Estas estructuras de Urls no son “amigables” para los buscadores.

Una URL amigable o friendly es aquella fácil de recordar para el usuario y que además tiene una estructura semántica entendible

para los spiders de los buscadores. Para realizar URL amigables se deben tener en cuenta los siguientes aspectos:

Urls Cortas, lo suficiente para transmitir una idea sin quitar información esencial.

Fáciles de leer.

Ordenadas (que sigan la estructura del propio sitio web, indicando la categoría y el producto

correspondiente, por ejemplo: por carpetas del tipo /hoteles/hoteles-mallorca.html).

Estructuras estáticas de URL: evitar Urls dinámicas que se generan automáticamente con una gran serie

de caracteres extraños y palabras que no aportan valor para el usuario ni para los spiders de los

buscadores.

Utilizar el guión medio (-) para separar palabras, y no guión bajo (_): es preferible que las urls con

varias palabras se estructuren con un guión medio ya que los buscadores interpretan e indexan con mayor

facilidad este tipo de estructuras.

No utilizar mayúsculas. A diferencia de los nombres de dominio, las URL sí diferencian entre mayúsculas

y minúsculas. Se aconseja no utilizar las mayúsculas para evitar confusiones en el usuario –que suele

estar habituado a escribir las Urls en minúsculas- y, a su vez, no generar dos URL que muestran el mismo

contenido y, por lo tanto, que pueda parecer contenido duplicado.

http://www.webmasterworld.com/google/3651999.htm

http://www.webmasterworld.com/google/3651999.htm

10


5. Title y Metatags

Es importante recordar que los buscadores como Google no ven el sitio web tal y como lo ve el usuario, sino que rastrea el código

fuente, por lo que toda la información que queramos que conozca de la web debe estar incorporada de manera ordenada y

siguiendo unos estándares de código.

Así lo ve el usuario Así lo ve Google

La inclusión de los códigos Meta y Title son imprescindibles. Estos códigos son unas etiquetas que se insertan dentro de la

directiva <HEAD> y tienen como finalidad que los robots de los buscadores sepan clasificar adecuadamente su página.

Los códigos Meta o Metatags son etiquetas que proporcionan información a los buscadores y son invisibles para el usuario final.

Estas etiquetas eran el principal elemento que utilizaban los buscadores para indexar las páginas, sin embargo, en la actualidad su

influencia en el posicionamiento está bastante cuestionada. Aun así, algunos buscadores aún muestran la descripción de la página

del metatag Description en sus resultados de búsqueda, principalmente en aquellos casos en los que el contenido de la página es

escaso y el buscador se ve obligado a recurrir a los metatags.

Debemos especificar correctamente los metatags para cada una de las páginas de nuestra web. Es importante remarcar que los

metatags deben ser diferentes para cada una nuestras páginas y adaptándolos al contenido que se pueda encontrar en ella.

Actualmente los tags más importantes son el <title> y el meta Description.

11


5.1 Tag Title

El tag “Title” es un elemento fundamental para el posicionamiento. La mejor forma de optimizar los títulos de una página web

consiste en añadir las palabras clave relacionadas con cada página interior, es decir, con cada producto o servicio que se

ofrece en esa página y categoría. De esta forma, conseguiremos un long-tail muy elevado, es decir, muchas visitas esparcidas

entre las distintas categorías y productos/servicios. Esto significa que el usuario llegará a la página a través de la búsqueda

concreta del producto/servicio o categoría en cuestión y en muchos casos no llegará a visitar la página principal.

El título (title) es una etiqueta que se encuentra dentro de la sección <head> de cada página y se visualiza en la parte superior del

navegador.

Así lo ve Google:

Así lo ve el usuario:

En la tarea de optimizar los títulos se recomienda que:

No superen los 65 caracteres espacios incluidos

Incluir palabras clave de manera coherente y que tengan relación con el contenido de esa página

Las palabras clave más importantes deben ir ubicadas lo más a la izquierda posible

Es importante que se intente evitar, en la medida de lo posible, un elevado número de titles repetidos en toda la web y

que éstos sean lo más específicos posibles para cada página en cuestión, e incluir siempre alguna de las palabras

clave. Para comprobar el número de Titles repetidos, lo podemos consultar en la Herramienta para Webmasters de

Google en “Aspectos de la búsqueda > Mejoras HTML”.

12


Separar las palabras o frases por el símbolo |, quedando una estructura tipo:

Palabra clave | Palabra clave 2 | Descripción breve

Incluir o no el nombre de la empresa en el title es una práctica común. Se recomienda hacerlo en la página principal y, en el resto

de páginas, aprovechar este espacio para incluir criterios clave.

5.2 Metatag Description

El Metatag Description debe definir brevemente la finalidad de la página en cuestión, pero recomendamos seguir las siguientes

pautas:

Descripción breve, coherente y relacionada al 100% con el contenido de la página en cuestión

Debe constar de un mínimo de 150 caracteres (incluyendo espacios) y no debe superar más de 250 caracteres.

Debe contener palabras clave, pero sin que el texto pierda coherencia (el listado de palabras clave es para el Metatag

keywords).

Utilizar un lenguaje comercial y atractivo para persuadir al usuario cuando lea la descripción en los resultados de

búsqueda.

Es importante que se intente evitar, en la medida de lo posible, un elevado número de descriptions repetidos en toda la

web y que éstos sean lo más específicos posibles para cada página en cuestión, e incluir siempre alguna de las

palabras clave. Para comprobar el número de descriptions repetidos, lo podemos consultar en la Herramienta para

Webmasters de Google en “Aspectos de la búsqueda > Mejoras HTML”.

Así lo ve Google:

Así lo puede ver el usuario:

13


5.3 Metatag Keywords

En el caso del Metatag keywords, se deben incluir las palabras clave listadas por orden de importancia dentro de la página e ir

separadas por comas. Es un metatag cada vez con menos relevancia para el Posicionamiento Web pero si también damos

algunos consejos para optimizarlo.

Consejos a seguir para optimizar el Metatag Keyword:

No abusar de las keywords en cada página: recomendamos insertar entre 3-10 keywords por página

Ordenarlas según importancia o relevancia para la página en cuestión (las keywords más genéricas irían en la página

Home, y las más específicas para cada página interior que hable ese producto o servicio).

Separar cada palabra clave mediante comas.

Si se considera necesario, utilizar sinónimos o palabras que los usuarios suelan escribir con faltas ya que nos pueden

aportar tráfico.

No hacer spam (es decir, evitar incluir palabras no relacionadas con el contenido de la página).

Igual que ocurre con los títulos y las descripciones, NO deben repetirse entre páginas, o por lo menos en la medida de lo posible.

Cada una de las páginas que componen el sitio web debe tener sus propios metadatos.

14


6. Cabeceras Optimizadas

Además de que el contenido sea de calidad, único y relevante; cuando los buscadores analizan nuestras páginas no ven todo el

texto de la misma manera, sino que son capaces de discernir qué elementos son más relevantes a través de las etiquetas HTML

de formato.

Esto quiero decir que si queremos que una parte del texto cobre mayor importancia, debemos etiquetarlo como tal en el código

fuente. Los dos tipos de etiqueta que nos ayudarán a hacer esta labor son las cabeceras (headings) con sus códigos <h1/>,

<h2/>, <h3/>, <h4/>, <h5/>, <h6/> y las negritas (<strong/> y/o <b/>

Es importante que, sin que el texto pierda sentido, se incluyan los criterios o palabras clave a posicionar en el interior de

estas etiquetas.

Así pues, para señalar que un texto es más importante podemos situarlo a modo de título (<h1>, <h2> en el código fuente) o

resaltarlo con negrita.

<h1> Soy un texto importante </h1>

<h2> Soy un poco menos importante </h2>

<p>Y, en medio de este ejemplo, la palabra más importante es la que he resaltado en

<b>negrita</b>, por lo que la palabra en negrita debería ser una <b>palabra clave</b>. </p>

15


7. Códigos Alt

Las imágenes son invisibles para los buscadores, a no ser que éstas tengan asignado un código ALT. Éste se utiliza para añadir

una descripción de la imagen que se hace visible cuando el usuario no puede ver imágenes o éstas no se han cargado

correctamente por algún motivo.

El objetivo de los códigos ALT es mejorar la accesibilidad de la página, ya que en muchas ocasiones las imágenes albergan

contenido relevante necesario para entender el contenido de ésta. El motivo de optimizar los códigos ALT en el SEO es que

algunos de los visitantes que no pueden ver imágenes son precisamente los web crawlers de los buscadores.

Por ello, todas las imágenes que utilicemos en la web tendrían que tener un código ALT descriptivo y que contengan por lo

menos una palabra clave. Éstas deben situarse al inicio, ya que los buscadores dan prioridad a las palabras que aparecen en

primer lugar (es decir, lo más a la izquierda posible).

Una fórmula que funciona es seguir esta estructura:

<img src=”rutadelaimagen/imagen.jpg” alt=”Palabra clave | Descripción”>

16


8. Contenido

El contenido es una condición sine qua non, pero además es importante que éste sea contenido de calidad y contenido

original o único. Esto quiere decir que los textos de nuestras páginas deben generar interés para nuestros

usuarios/consumidores, y a la misma vez no deben existir en ningún otro lugar de la red, ya que de lo contrario éste podría

considerarse contenido duplicado por los buscadores y sufrir alguna penalización.

Por ello es importante, si se posee por ejemplo una tienda online, intentar no copiar y pegar las descripciones de producto,

sino modificarlas con otras palabras. Este factor provocará que los buscadores den más prioridad a nuestra página sobre aquellas

que tan sólo copien la descripción de sus productos, y además evitará que los buscadores interpreten nuestras páginas como

contenido duplicado. Siempre que sea posible hay que añadir imágenes y enlaces a páginas que puedan contener más

información, así como a las páginas oficiales de los fabricantes, distribuidores, etc. (enlaces de calidad).

Para el posicionamiento también es muy positivo ofrecer la posibilidad de que los usuarios puedan publicar sus opiniones en

las fichas del producto, que puedan valorarlo mediante un sistema de Ranking, o que puedan recomendarlo a otros

usuarios. Ejemplo de un portal web donde se pueden valorar los productos, escribir opiniones o añadir a favoritos:

Los comentarios de los compradores pueden aportar un contenido muy valioso para convencer a otros usuarios a realizar la

compra y además ayudan a mantener la página actualizada constantemente, un factor que los buscadores valoran

especialmente.

Es importante también que haya un equilibrio entre la persuasión y la información, en otras palabras, hay que intentar que el

usuario se interese por los productos de la web, pero al mismo tiempo aportar información de calidad.

Por otro lado, debemos tener en cuenta que nuestro contenido debe contener aquellas palabras clave por las que nos queremos

posicionar.

Los spiders de los buscadores rastrearán nuestra página web en busca de las palabras clave que está buscando el usuario en

Google o cualquier otro buscador, por lo que si optimizamos bien la página con las palabras clave que hemos seleccionado para

posicionar la web, conseguiremos que el buscador considere relevante nuestra página web en base a esa búsqueda o palabra

clave.

17


El ratio entre Texto y HTML debería estar por encima del 15%. (Podéis utilizar esta herramienta para saber el ratio:

http://tools.seochat.com/tools/code-to-text-ratio/)

Si el porcentaje es bajo habrá que añadir más contenido a la web, teniendo en cuenta algunas de estas opciones:

Añadir más contenido a cada una de las páginas que forman la web.

Insertar palabras clave de forma coherente, siempre que tengan relación con los servicios o productos que se están

ofreciendo en cada página interior.

Es muy favorable que en se incluyan algunos enlaces o links en las palabras clave (enlaces que apunten hacia

páginas interiores de la web, siempre relacionadas con esa palabra), ya que de este modo el buscador le dará más

relevancia y fuerza a esa palabra clave.

Aumentar el número de páginas, creando una página por producto.

Insertar un blog bajo el mismo dominio.

El contenido es tan importante en el SEO 2.0 que dedicamos en este curso toda una sección a hablar

extensamente de este tema, te remitimos a esa sección para comprender exactamente como debemos

elaborar contenido de calidad

http://tools.seochat.com/tools/code-to-text-ratio/)

18


9. Densidad de palabras clave

La densidad de palabras clave es el ratio de apariciones de una palabra clave sobre el total de palabras que componen un texto o

una página. Por ejemplo, en un texto de 100 palabras, si una palabra aparece 5 veces, su densidad será del 5%.

El objetivo de este aspecto es que las palabras clave por las cuales debería aparecer tu web en los buscadores debería tener una

mayor densidad que el resto de palabras posibles.

Se recomienda estar en el rango de entre el 0,5 - 1l% de densidad por palabra clave.

Éste apartado podrás analizarlo mejor si la web se da de alta en la herramienta para Webmasters de Google.

19


10. Blog

Tener un blog dentro de una web, es muy importante e imprescindible para trabajar el SEO, ya que para Google cada vez posee

mayor importancia, la actualización de contenido de una web. Por ello es un aspecto importante a analizar y trabajar para la

optimización web.

Premisas básicas para la realización de posts en un blog:

Publicar un post a la semana, como mínimo.

Cada artículo debería poseer un mínimo de 700 palabras.

Que incluya o se centre en alguna palabra clave a posicionar.

Se aconseja incluir imágenes para que la lectura del usuario sea más amena.

Compartir el contenido

No debemos olvidar dar la posibilidad a los usuarios, que nos visiten, de compartir nuestro contenido.

20


11. Página de error 404

Uno de los factores que fomenta la usabilidad de un sitio web es que el usuario no se sienta frustrado cuando se producen errores

en la navegación. Es importante que se informe de qué está sucediendo y, cuando se trate de un error, que se sea transparente

para que el usuario no piense que es culpa suya.

En este sentido, una práctica habitual es crear páginas de error 404 (página web no encontrada) que ayuden al usuario a acceder

a la información que está buscando.

Algunas buenas prácticas para realizar páginas de error 404 son:

1. Que sean sencillas, con únicamente información necesaria. El usuario está buscando otra cosa que, por el

motivo que sea, no se le están dando; por lo que no debería ofrecerse información innecesaria.

2. Que informen de que se ha producido un error y los motivos por el que puede haber ocurrido, sin necesidad de

especificar que es un error del tipo 404.

3. Que ofrezcan alternativas. Por ejemplo a través de enlaces a páginas más visitadas o relacionadas.

4. Que permitan un acceso rápido a la página principal.

21


12. Sitemap XML

El sitemap xml es un archivo en xml que sirve para esquematizar todas las páginas de un sitio web y que es accesible para los

buscadores. Ejemplo del formato utilizado para el Sitemap:

Tener un sitemap XML facilita la tarea de indexación. De hecho, los buscadores siguen un número limitado de enlaces, por lo que,

la existencia de un sitemap obligará a los buscadores a indexar todas las páginas que existan.

El sitemap.xml debería actualizarse automáticamente, incluyendo las nuevas urls que se generen al publicar los posts

http://www.canalip.com/images/stories/blog/QueselSitemapXML_DB55/sitemapxml.png

22


13. Otros aspectos que debemos evitar

Debemos tener en cuenta también una serie de factores que debemos intentar evitar si queremos evitar posibles problemas

cuando el buscador acceda a nuestra web para poder indexar y rastrear todas las páginas interiores y su contenido.

13.1 Código HTML

Además de todos los aspectos visibles para el usuario, también existen factores muy importantes para optimizar una web, tales

como el tener un código fuente limpio y lo más reducido posible.

13.2 Nueva estructura web - Redirección 301

El primer factor que debemos tener en cuenta cuando se cambia la estructura de una web o se cambian urls, es que suelen

perderse todas las Urls antiguas, perdiendo así la indexación obtenida en los buscadores y comportando posibles errores al

intentar acceder cualquier usuario a alguna de las páginas antiguas.

Éste sería el caso de la web de Joselito.com, si cambiara las urls para optimizarlas mejor, por lo que deberíamos tener en cuenta

el aplicar la redirección del tipo 301 de las urls antiguas hacia las Urls nuevas que les correspondan.

La redirección 301, recomendada por Google, es un tipo de redirección permanente que indica al buscador que nos hemos

trasladado de “casa” definitivamente. Este aspecto es muy importante para el SEO, ya que evitamos así posible contenido

duplicado y transferiremos el Page Rank, Backlinks de las antiguas Urls hacia la nueva dirección, consiguiendo disminuir el

impacto SEO de bajada de posiciones que pueda producir un cambio de tal envergadura.

13.3 Contenidos en Flash

El Flash es un elemento muy atractivo para realizar cualquier creatividad web y hacer de la web más dinámica. Pero si lo

utilizamos para crear todo el conjunto de la web en una sola película Flash impediremos a los buscadores el rastreo del contenido

de nuestro site, con lo que será más difícil de poder conseguir posicionar el site ya que los buscadores necesitan del contenido de

una web para poder conocer la temática y poder saber por qué cadenas de búsqueda podría aparecer el site entre sus resultados.

Pero no por ello debemos olvidarnos de este componente, ya que es muy útil para poder realizar alguna animación dentro de la

web o banner, etc.… pero siempre trabajándolo como un complemento más de la web y no como principal opción.

Aunque nos gustaría remarcar, así como realizar toda una estructura en flash, tampoco es bueno que el menú principal de

navegación esté realizado mediante flash, ya que el buscador no podría rastrear ni indexar las páginas a las cuales está apuntando

dicho menú.

Tampoco es aconsejable que la página de entrada (página home), sea una presentación en flash. En ambos casos si no se quiere

prescindir de ellos, deberíamos insertar los enlaces correspondientes en HTML, es decir, en el caso del menú de navegación:

insertar otro menú con enlaces de texto en la parte inferior de la página.

23


Para la presentación inicial en flash: añadir un enlace de texto por debajo del flash del tipo “Saltar intro” (¡Importante!: no

confundir con colocar detrás del flash, con lo que tendríamos contenido oculto y no cumpliríamos con las directrices de Google).

Se comenta que Google indexa el Flash, pero por el momento lo único que he podido comprobar es que indexa el archivo .swf en

cuestión pero no lo que contiene, así que por el momento, en la medida de lo posible, mejor evitar grandes estructuras en flash.

13.4 Frames

Los frames, o lo que es lo mismo en castellano, marcos, son una manera de partir la página en distintos espacios independientes,

los unos de los otros, de modo que en cada espacio se coloca en una página distinta que se codifica en un fichero HTML distinto.

Los frames o marcos HTML se utilizan para crear zonas independientes en una sola página, de este modo una sola página puede

compartir varios espacios diferentes. Por tanto, supone no disponer del contenido en la propia página, eliminando toda posibilidad

de ser rastreado por los buscadores.

Este tipo de estructuras no son óptimas para los buscadores ya que la página principal que nos muestra los marcos para el

buscador es como si esa página no tuviera contenido propio, ya que se encuentra dentro de otra página totalmente diferente e

independiente. La única función que posee la página inicial es unir los distintos marcos para que podamos visualizarlo todo unido y

navegar.

*Ejemplo estructura web-frames

Otras veces podemos encontrarnos con un dominio el cual el contenido real está alojado en otro dominio pero que gracias a un

frame lo visualizamos en el primero. Este tipo de estructura tampoco nos ayudará en el posicionamiento ya que para el buscador,

el dominio que contiene el frame, no posee contenido alguno.

Manual de Optimización on-site - canalip.com · Los códigos Meta o Metatags son etiquetas que...

Documents

Transcript of Manual de Optimización on-site - canalip.com · Los códigos Meta o Metatags son etiquetas que...