Inicio » SEO onpage » Introducción al SEO onpage

Introducción al SEO onpage

Código fuente de Mundo Gatos

El SEO onpage es la parte del SEO que trata la optimización de la propia página. Su principal misión es la de indicar correctamente a los buscadores qué contenidos hay en la página y cuáles debe posicionar.

En este primer post sobre el tema haré una introducción al SEO onpage presentando algunos de los factores que debemos revisar al hacer un análisis onpage de una página. Es deseable tener conocimiento básico de HTML para entender mejor algunos aspectos del SEO onpage. Si usáis WordPress, por ejemplo, no es imprescindible, pero sigue siendo recomendable.

WordPress

Si usáis WordPress o algún otro CMS (gestor de contenidos) debéis saber que muchos de estos aspectos ya están resueltos satisfactoriamente por el propio CMS. Otros se pueden optimizar con plugins como el Yoast. La optimización de WordPress la trataremos en un post futuro, pero incluso usando WordPress y Yoast, es importante conocer qué parámetros debemos considerar, cómo y por qué.

Yoast SEO

Factores del SEO onpage

 

Una de las diferencias del SEO onpage con respecto al link building es que con el SEO onpage podemos ser mucho más agresivos sin riesgo de penalización.

Esto quiere decir que podemos decir claramente qué contenidos queremos optimizar. Los títulos, meta tags, anchors de los enlaces internos, h1 y demás factores, podemos hacerlos complemente claros, completamente agresivos.

Para ser penalizados por SEO onpage tendríamos que emplear técnicas que buscasen directamente el engaño, como poner texto de un color igual que el fondo, enlaces internos ocultos, ofrecer un contenido a Google diferente del que ofreces a otros usuarios, etc. Estas técnicas se usaron mucho sobre los años 2005-2007 pero hoy en día ya nadie las usa (o no debería).

Tal y como suelo hacer en los artículos, cogeré páginas de nuestra red para mostrar ejemplos. Pasemos con los factores principales del SEO onpage.

Title (título)

Es la etiqueta <title> situada en el <head> de tu página web. También llamada “title” o “meta title” (aunque estrictamente no es un metatag). Es lo que se ve en la parte superior de tu navegador y muchas veces es usado por Google como título de las páginas en sus resultados.

Debe ser agresivo, es decir, muy claro, con lo que quieres posicionar. También ser corto (menos de 10 palabras si es posible).

Si la página va a tener un mínimo de prestigio o puede ser recordada o reconocible, yo recomiendo terminar el título con la marca de la página para reforzarla e intentar que el usuario nos recuerde en futuras búsquedas, lo que supondría una mejora de la respuesta de usuario. De todas formas, Google desde hace poco está empezando a incluir la marca de la página en algunos resultados, por lo que esta técnica podría no ser necesaria en breve.

Ejemplos de Mundo Gatos:

  • Portada: Gatos, fotos y razas de gatos en MundoGatos.com
  • Categoría: Gatos persas. Raza de gatos persas. MundoGatos.com
  • Artículo: Higiene y cuidados de gatos persas. MundoGatos.com

Meta description

Es la meta etiqueta (metatag) <meta name=”description”>. Contiene una descripción de tu sección y no debe ser superior a 156 caracteres.

El objetivo con esta etiqueta debe ser el usuario, no la keyword. Así como en el title atacábamos con fuerza la keyword objetivo, en la meta description debemos atraer al usuario. Debemos enfocar este texto como un mensaje que leerá el usuario en los resultados de búsqueda de Google. No debe ser, por tanto, agresivo.

Ejemplos de NoSoloiOS:

  • Portada: Infórmate de todas las novedades del universo iOS y descubre los juegos y las aplicaciones para iPhone y iPad más interesantes de la Apple Store.
  • Artículo sobre apps de viajes: Contar con algunas o todas estas aplicaciones, hará sin duda de tus viajes una experiencia más disfrutable por lo fácil, y libre de inconvenientes.

Meta keywords

La etiqueta <meta name=”keywords”> es ignorada completamente por Google. Puedes ignorar esta etiqueta. La incluyo en este artículo por si algún lector no conocía este dato.

Otros buscadores de menor importancia sí que podrían tenerla en cuenta. Yo la ignoro por completo. En algunos proyectos viejos aún se pueden ver algunas meta keywords pero en los nuevos ya no.

H1

Los <h1>s son párrafos destacados. Se deben usar para destacar nuestras palabras clave ante Google y debe haber solo uno por sección. En los posts se suele usar un h1 como título (visible) del post. En las categorías suele ocurrir lo mismo. En casi todas las plantillas de WordPress el h1 se usa exactamente así.

Su uso es recomendado aunque no es imprescindible. Google puede usar otras técnicas para obtener las keywords principales de tu artículo o sección.

Ejemplo de NoSoloiOS:

  • <h1>Apps para organizar un viaje</h1>

URL

La URL debe también indicar cuál es el contenido de la página. Es casi imprescindible usar URL amigables, es decir, urls descriptivas que usen caracteres alfanuméricos.

Ejemplos:

  • Correcto: http://www.nosoloios.com/apps-para-organizar-un-viaje/
  • Incorrecto: http://www.nosoloios.com/?p=2063

Enlaces internos

Esta parte es muy importante (merece un post exclusivo) y normalmente suele estar muy mal diseñada. Hay que partir de un principio básico:

 

La fuerza de nuestra página viene dada por los enlaces externos que recibamos. Los enlaces internos deben distribuir esta fuerza a las secciones que queremos potenciar.

El típico error es un blog donde la plantilla general tiene 10, 20 o 30 enlaces a secciones sin importancia (contacto, aviso legal, etc), mientras que sus artículos no reciben apenas enlaces.

Yo uso una métrica que llamo “distancia a portada” que se definiría como el número de enlaces que hay que seguir desde portada para llegar a un artículo. Si para llegar a un artículo, debe pinchar 20 veces en “Siguientes posts”, la fuerza que llegará será mínima. Por supuesto, puede seguir ranqueando si dicho artículo tiene enlaces externos, acciones sociales o respuesta de usuario, pero le estaríamos limitando al no dar fuerza del propio dominio.

Footer de Mundo Gatos

En Mundo Gatos, la fuerza se distribuye a las categorías a través del menú lateral izquierdo, y de estas a los artículos. También apoyamos algunos artículos desde el footer.

Contenido duplicado, vacío o de mala calidad

Como ya vimos en un post anterior, no debemos ofrecer a Google contenido que no satisfaga al usuario. Cuando tengamos ese tipo de contenido debemos ocultárselo, y una manera de hacerlo es con un “noindex”. Un error con este factor nos puede suponer una penalización Panda.

La etiqueta para indicar esto es el metatag robots: <meta name=’robots’ content=’noindex, follow’ />. Con esta etiqueta indicamos que no queremos que indexe el contenido (noindex), pero que sí siga distribuyendo fuerza a través de los enlaces (follow). Puedes ampliar esta información en este curso de SEO.

En MundoGatos tenemos varios ejemplos así. Los perfiles de usuario están desindexados pues no aportaban nada merecedor de ser buscado. Con una comunidad de 11.342 usuarios, supondría tener 10.000 páginas indexadas con contenido muy escaso y muy similar. El foro de anuncios también está desindexado pues la mayoría de contenidos eran repetidos, una copia-pega de otras web sin valor.

Enlaces nofollow

Cuando tengamos enlaces a los que no queramos transmitir fuerza, podemos añadirle un rel=”nofollow”. Sinceramente, no tengo probado que esto mejore el posicionamiento, pero sí que puedo afirmar que no lo perjudica, por lo que yo suelo usarlo. También suelo añadir nofollow a los enlaces a redes sociales.

Matt Cutts dice que no hace falta que los usemos, pero que tampoco penaliza.

SeoAzul.com sirve como ejemplo para esto. Podéis ver como las secciones de contacto y aviso legal son enlazadas con nofollow, así como las redes sociales del blog.

Este punto, en cualquier caso, tiene una importancia mínima (y puede que nula), por lo que si implementar este factor supone mucho problema, puedes ignorarlo.

Imágenes

Las imágenes también se pueden optimizar para Google Images, aunque la rentabilidad de este trabajo es baja. Aunque este tema merece un post exclusivo lo resumiremos diciendo que:

Debemos completar el alt y el title con un breve texto descriptivo de la imagen, y ponerle un nombre de fichero amigable.

Ejemplo: <img src=”gato-persa.jpg” alt=”Gato persa” title=”Imagen de un gato persa” />

1001 factores adicionales

Después de los factores principales, existen muchos otros factores que se suele etiquetar como “problemas que pueden surgir”. Estos problemas no suelen aparecer en proyectos estándar como blogs basados en WordPress, pero pueden ser un problema en proyectos menos habituales. A nivel conceptual todos se resuelven con el principio de indicar claramente a Google nuestro contenido, pero a nivel técnico las soluciones son muy diversas.

Entre los aspectos técnicos que pueden surgir nos encontramos:

  • Proyectos con múltiples idiomas
  • Proyectos con múltiples subdominios
  • Indexación de páginas con contenidos masivos
  • Etiqueta canonical
  • Mejora del tiempo de carga
  • Unificación y compresión de ficheros css y js
  • Sprites sheets
  • Parámetros Get

Y así podríamos seguir con un largo etcétera. En posts futuros veremos algunos de estos aspectos con más detalle.

Conclusión

Edita correctamente el title, la meta description, el h1 y la url de tus secciones. Distribuye correctamente la fuerza a través de tus enlaces internos y desindexa el contenido de baja calidad.

4.9/5 (12 votos)
Suscríbete a Seo Azul
Recibe en tu correo todos los contenidos que publicamos en el blog, y los que no publicamos. Sin spam, por supuesto.
Servicios profesionales