inemaSEO 2 — Contenido: páginas que solo tú puedes escribir|INEMA.CLUB-PRO

Clase 6 · 15 min

Enlaces internos y la escalera de enlaces

Para el buscador, una página sin enlaces es una página que casi no existe. Toda página nueva necesita un camino hasta ella, en el HTML que entrega el servidor, y enlaces que salgan de ella hacia la página pilar y sus hermanas. La escalera de enlaces es el hábito que lo garantiza: publicaste, edita dos o tres páginas antiguas para que apunten a la nueva.

Empezar la clase
Escalera de madera de una casa antigua vista de lado, con puertas abiertas hacia las habitaciones de cada piso.

En esta clase vas a

  1. 1La regla fija de enlaces: home, página pilar, página
  2. 2La escalera de enlaces en cada publicación
  3. 3Ancla descriptiva en lugar de "haz clic aquí"
  4. 4El caso del catálogo que perdió los enlaces

Objetivo: conectar cada página nueva a la página pilar y a sus hermanas y editar 2–3 páginas antiguas para que apunten a ella, en el mismo commit.

01Quién enlaza a quién

Haz clic en cada nivel.

Haz clic en cada bloque del diagrama para ver qué hace.

Los enlaces que cuentan son los que están en el HTML entregado por el servidor, sin depender de JavaScript.

02Con cada página nueva

Haz clic en cada paso.

1. Enlaces de salida

En el cuerpo, de 2 a 4 enlaces con ancla descriptiva. Al final, un bloque "Lee también" con la página pilar y las hermanas.

Todos los enlaces responden 200 (la radiografía del curso 1 lo comprueba).

03Mapa de enlaces, bloque de la escalera y la comprobación

Anota el mapa antes de publicar.

Mapa de enlaces de una página nueva
Página nueva: <url>
Pilar (madre): <url>
Hermanas (2–4): <url> · <url>
Catálogo (2): <url> · <url>
Escalera (2–3 antiguas que pasan a enlazar la nueva):
- <url antigua 1>: frase "<texto del ancla>"
- <url antigua 2>: frase "<texto del ancla>"
- pilar: entrada en la lista del tema
Índice plegado para un catálogo con búsqueda
<details>
  <summary>Todos los ítems del catálogo</summary>
  <ul>
    <li><a href="/cursos/levain-do-zero/">Levain desde cero</a></li>
    <li><a href="/cursos/forno-domestico/">Horno doméstico</a></li>
  </ul>
</details>
Comprobar con la radiografía
tools/auditoria.sh https://www.seusite.com /pagina-nova/ /antiga-1/ /antiga-2/
# línea "links internos no HTML" de cada página
# y, en la antigua, busca la dirección de la nueva:
curl -s https://www.seusite.com/antiga-1/ | grep -c 'href="/pagina-nova/"'
Ejemplo del repositorio
$ tools/auditoria.sh https://www.inema.club / /cursos/
-- /  [200]
   links internos no HTML: 27
-- /cursos/  [200]
   title:     Cursos de inteligência artificial, agentes e automação | INEMA.club
   links internos no HTML: 335

Con el índice plegado, la página de cursos entrega los enlaces en el HTML del servidor, aunque sea una búsqueda en el navegador.

04Práctica: enlaza tu página

Usa la página de pregunta de la clase 4.

E1 · Mapa de enlaces

20 min

Completa el mapa de enlaces de tu página nueva: pilar, hermanas, catálogo y las 2 o 3 antiguas de la escalera.

Listo cuando: el mapa tiene pilar, al menos 2 hermanas y 2 antiguas elegidas, cada una con la frase del ancla escrita.

E2 · Escalera publicada

30 min

Publica la página nueva y las ediciones de la escalera en el mismo commit. Ejecuta la radiografía y el grep en las antiguas.

Listo cuando: el grep encuentra la dirección de la nueva en cada página antigua de la escalera, y la radiografía muestra enlaces internos en el HTML de la nueva.

05Prueba lo que aprendiste

La explicación aparece después de tu respuesta.

Pregunta 1 de 4

¿Qué es la escalera de enlaces?competencia

06Para llevar

Regla fijaHome → pilares; pilar → preguntas; página → pilar, hermanas, catálogo.
Escalera2 o 3 antiguas apuntan a la nueva, en el mismo commit.
En el HTMLRevísalo en la radiografía: un enlace que solo existe en JavaScript puede no contar.

Para ir más allá

Clase anteriorSiguiente clase