Sitemap Llistográfica

En este artículo la formación SEO torna más práctica que en los anteriores. Explicaré algunas acciones que se pueden realizar sobre el código HTML de nuestra web y usaremos alguna herramienta para potenciar el posicionamiento. Como siempre, es necesario profundizar en cada apartado para obtener mejor rendimiento de nuestras acciones. En esta web de Google sobre SEO encontrarás toda la teoría. Esta será sin duda vuestra mejor referencia.

Meta etiquetas

Son fragmentos de código con información concreta y relevante sobre nuestra web. Los buscadores registrarán estos datos para entender y posteriormente indexar la página web. Se escriben dentro de las etiquetas <head>.

<title>Título de mi página web</title>
<meta name="description" content="Descripción de mi página" />
<link rel="icon" type="image/png" href="imagen.png">

<!-- Meta etiquetas para redes sociales -->
<meta property="og:title" content="Titulo" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://mipaginaweb.es/" />
<meta property="og:image" content="http://mipaginaweb.es/image.jpg" />
<meta property="og:description" content="Descripción para redes sociales" />

La etiqueta ‘title’ muestra su texto en la pestaña del navegador además de mostrarse como título azul en el snippet de Google.

La etiqueta ‘description’ es imprescindible para el entendimiento de Google, además también se muestra en el snippet.

La etiqueta ‘icon’ determina el icono que sale en la pestaña del navegador en PC y en móviles.

El resto de etiquetas son importantes a la hora de compartir el url de nuestra web en redes sociales. Estas crearán una especie de ficha con la imagen destacada de la página, el título y la descripción correspondiente. Con esto, los enlaces de tu web que se publiquen en redes sociales resultarán más atractivos a los usuarios.

Imágenes web

Para posicionar mejor nuestras imágenes deberíamos de usar nombres de archivo descriptivos con sus palabras separadas por guiones y todo en minúscula. Es ideal usar palabras claves para ello.

Ejemplo: posicionamiento-seo-sem.jpg

Además debemos de poner el texto alternativo para la lectura de los usuarios invidentes: ‘alt’. Y usaremos la etiqueta ‘title’ para introducir un texto más largo que describa lo que se ve en la imagen.

<img src="posicionamiento-seo-sem.jpg" alt="Código HTML" title="Código HTML y su aplicación para posicionar mejor nuestras imágenes">

Por otro lado debemos de subir imágenes lo más ligeras posibles. Lo ideal es que el tamaño real de la imagen sea igual al de visualización de nuestra web en su versión más grande, la de PC normalmente. También debemos comprimir nuestras imágenes con programas edición de imágenes o con herramientas online como tinypng.com.

Enlaces

Es muy importante que la url de los enlaces tengan que ver con el contenido que vamos a mostrar, ya sean enlaces internos como enlaces a otras webs. Miren por ejemplo la url de esta página. Las url no descriptivas harán saltar una alarma en nuestros navegadores pero sobre todo si no van acompañadas de un certificado SSL de seguridad 🔒. Además, al igual que pasa con las imágenes, podemos acompañar los enlaces de un ‘title’ que describirá el contenido que se verá en la página de destino.

A nivel semántico debemos de tener en cuenta la utilidad de solo enlazar a páginas que tengan que ver con el contenido de nuestra página. Si nuestra web trata de mitología nórdica sería chocante para Google que enlazáramos a webs de móviles.

En este enlace podréis ver todas las etiquetas que podrían acompañar a los enlaces de nuestra web.

Seguimiento de enlaces ‘rel’

Google atribuye una puntuación de relevancia a nuestra web, y nosotros podremos distribuirla entre nuestro contenido o ceder relevancia a otras páginas web. Cuando hacemos enlaces a otras páginas web les estamos dando relevancia a la vez que nosotros perderemos un poco. Para evitar esto es necesario usar el valor ‘nofollow’ en la etiqueta ‘rel’. Si por el contrario queremos otorgar parte de nuestra relevancia a la página de destino podemos usar dofollow. Podemos hacerlo a páginas externas como a páginas internas para potenciar uno u otro contenido.

<a href="https://mipaginaweb.es/productos/" title="Productos de fontanería" rel="dofollow">Almacén de fontanería</a>

Por ejemplo, si tengo una subpágina que habla de patinetes eléctricos puedo crear artículos de blog en relación con estos (autonomía, circulación, seguridad…). Lo ideal en este caso sería hacer ‘dofollow’ desde los artículos hacia la página principal de patinetes.

Por otro lado daremos ‘nofollow’ a la pagina de contacto de nuestra web, a la pagina de política de cookies o al aviso legal.

Sitemap

Sitemap Llistográfica

El sitemap es un índice de contenidos que Google leeará antes de rastrear el contenido de la web. Aquí se muestra la jerarquía de la página y facilitaremos la indexación. Existen herramientas online para crear el sitemap o lo podremos hacer de forma manual. Haríamos un archivo llamado ‘sitemap.xml’ donde incluiremos las url de nuestra web que queramos indexar.

Hemos hablado de Google Search Console en el anterior artículo. Entraremos en la herramienta, buscaremos la sección sitemaps e introduciremos la url de cada unos de los sitemap de nuestra web. Podríamos tener sitemap para páginas, para los artículos, para las imágenes o vídeos si estos tuvieran relevancia. Pero en este caso también deberíamos de tener un sitema para enlazar a cada uno de los sub-sitemap.