Manual de Optimización on-site

Transcripción

1 Manual de Optimización on-site

2 Índex 1. Introducción Factores On Page Orden de prioridades 5 2. Palabras Clave 6 3. Dominios y contenido duplicado 7 4. URLS "Friendly" 9 5. Title y Metatags Tag Title Metatag Description Metatag Keywords Cabeceras Optimizadas Códigos Alt Contenido Densidad de palabras clave Blog Página de error Sitemap XML Otros aspectos que debemos evitar Código HTML Nueva estructura web - Redirección Contenidos en Flash Frames 23 2

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

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. 4

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 5

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. 6

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 en lugar 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: 7

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

9 4. URLS "Friendly" La URL hace referencia al dominio de la página y su localización en el sistema, por ejemplo, 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. 9

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. 10

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. 11

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: 12

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. 13

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> 14

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 > 15

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. 16

17 El ratio entre Texto y HTML debería estar por encima del 15%. (Podéis utilizar esta herramienta para saber el 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 17

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. 18

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. 19

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 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. 20

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 21

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 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 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 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. 22

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 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. 23