¿El marcado excesivo afecta el SEO?

9

Por ejemplo, si envuelvo mi contenido con <div>etiquetas (sin razón, solo por razones de argumentos), ¿eso causaría una diferencia en los motores de búsqueda? ¿El marcado más delgado mejora el SEO?

<body>
    <div>
        <div>
            <div>
                <main>
                    <p>Text text text text text...</p>
                </main>
            </div>
        </div>
    </div>
</body>

versus

<body>
    <div>
        <main>
            <p>Text text text text text...</p>
        </main>
    </div>
</body>

versus

<body>
    <main>
        <p>Text text text text text...</p>
    </main>
</body>

Desde un punto de vista de SEO, ¿son todos iguales o no?

— Dustin
fuente

6

En la perspectiva de SEO, envolver contenidos con <div>etiquetas no es un problema, pero una gran cantidad de codificación no deseada aumentará los bytes de datos, lo que puede aumentar la velocidad de la página. Aquí un extracto de esta fuente :

La compactación del código HTML, incluido cualquier código JavaScript y CSS en línea que contenga, puede ahorrar muchos bytes de datos y acelerar la descarga, el análisis y el tiempo de ejecución.

Dado que PageSpeed es uno de los factores de clasificación en Google, el uso de estas <div>etiquetas no deseadas no es muy apreciado. Vea esta noticia del blog oficial de Google.

— Sathiya Kumar
fuente

2

Otro problema con un sitio con mucho código es que las arañas de los motores de búsqueda tardan más en rastrear sus páginas. Incluso si el código inflado no afecta el tiempo de carga de la página (desde la perspectiva del visitante), el mayor tiempo de rastreo puede afectar negativamente la forma en que los motores de búsqueda califican su sitio. (No es una señal importante, pero cada poquito ayuda).

Desde SearchEngineGuide.com :

El código limpio y sencillo puede mejorar los problemas de rendimiento del sitio web más de lo que la mayoría de la gente piensa. El código hinchado puede ralentizar tanto la descarga de páginas como las de araña, lo que puede tener un impacto en la clasificación de los motores de búsqueda de un sitio.

— KevinStirtz
fuente

0

Desde una perspectiva de SEO, los ejemplos que da son los mismos. Te sugiero que busques usar los elementos semánticos introducidos con HTML5 como:

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

— Michael Moriarty
fuente

¿Hay alguna ventaja en usar estas etiquetas? Desde una perspectiva SEO, a Google no le importa. La última vez que revisé algunas versiones de IE no las admitía en absoluto. Basado en eso, recomendaría seguir con divs y span.

— Stephen Ostermiller

No hay evidencia de que el uso de las nuevas etiquetas HTML5 gane algo desde una perspectiva de SEO. Ayuda a reducir la 'hinchazón de código' y tiene otros beneficios. Para un buen artículo, lea: searchengineland.com/…

— Michael Moriarty

Leí que las nuevas etiquetas <main> y <article> ayudan al SEO, ya que indican claramente (o deberían) dónde está el contenido relevante.

— Michael Moriarty