todas - ¿Cuál es la diferencia entre<s> y<del> en HTML, y afectan las clasificaciones de los sitios web?

etiquetas media html (4)

¿Cuál es la diferencia entre <s> y <del> ? He leído here que hay diferencias semánticas entre <b> y <strong> , ¿esto se aplica a <s> y <del> ? Además, ¿cómo se interpretan estas diferencias semánticas, si las hay, por los motores de búsqueda y qué efecto tendrían en las clasificaciones? ¿Hay otras etiquetas que afectan los rankings de búsqueda?

Después de leer la respuesta existente, me fui todavía confundido acerca de cuál utilizar en mi aplicación. Estamos de acuerdo en que, en su presentación, son iguales, y la diferencia se debe principalmente a la semántica. Los documentos de MDN de Mozilla me ayudaron a aclarar la semántica.

Creo que <s> es correcto para la mayoría de los casos de uso , y he aquí por qué, junto con las cuatro opciones relevantes:

<strike>

Está claro que <strike> está en desuso , y por lo tanto ya no es correcto usarlo.
<s>

Desde <s> en MDN :
El elemento tachado HTML ( <s> ) representa el texto con un tachado o una línea a través de él. Utilice el elemento <s> para representar cosas que ya no son relevantes o que ya no son precisas. Sin embargo, <s> no es apropiado al indicar ediciones de documentos; para eso, use los elementos <del> y `, según corresponda. **
<del>

De <del> on MDN :
El elemento de texto eliminado en HTML ( <del> ) representa un rango de texto que se ha eliminado de un documento. Este elemento a menudo (pero no es necesario) se representa con texto tachado.
La clave más importante para mí en esta página es que <del> , al igual que <ins> , ofrece dos atributos adicionales (opcionales): cite y datetime que tienen sentido al referirse a un cambio en el contexto de un documento. Como contraejemplo, si estuviera actualizando el menú de un restaurante, citar una fuente para un artículo del menú que se está vendiendo no parece relevante.
Sin etiqueta / uso CSS
Si nada de lo anterior parece correcto para su caso de uso, recuerde que todavía puede definir una clase personalizada.
.purchased { text-decoration: line-through; }
<p>Wish list</p> <ul> <li class="purchased">New MacBook</li> <li>Cookies</li> </ul>

Los usaría de la forma en que se definen semánticamente: DEL para el texto que se ha eliminado y S para el texto que ahora es inexacto pero no se ha eliminado.

En su mayoría, pueden parecer lo mismo, pero los lectores de pantalla y otras herramientas de accesibilidad pueden manejarlos de manera diferente. DEL puede ignorarse por completo (p. Ej., No leído) y S puede leerse pero diferenciarse del texto normal.

No hay una diferencia práctica entre del y s , excepto que los nombres de las etiquetas son diferentes. Tienen la misma representación predeterminada (texto saturado), y no hay evidencia de ninguna diferencia en el procesamiento de los navegadores o los motores de búsqueda, y no hay razón para esperar tales diferencias, ya que las definiciones "semánticas" son vagas y los autores no se preocupan mucho. a cerca de ellos. No hay evidencia de ninguna acción en los motores de búsqueda sobre estos elementos: operan con texto y, por lo general, ignoran el marcado a nivel de texto, excepto posiblemente algunos elementos que podrían considerarse que le dan mayor peso relativo a su contenido dentro de una página.

La representación predeterminada predeterminada o "esperada" se especifica explícitamente en la sección Rendering de HTML5 CR: del, s, strike { text-decoration: line-through; } del, s, strike { text-decoration: line-through; }

La diferencia teórica es lo que las especificaciones HTML y los borradores dicen acerca de su "significado", que varía de una versión HTML a otra.

Así que puedes usar cualquiera de los elementos, o ninguno. Sobresalir el texto no es una buena idea, ya que fácilmente hace que algunas letras sean difíciles de leer. Pero si necesita realizar una sobreimpresión (por ejemplo, debido a que un anuncio debe contener una sobrecarga de precios anterior), tal vez sea más seguro usar strike , que es un elemento de presentación honesto. Por lo tanto, evita incluso la posibilidad teórica de que algún software pueda interpretar s o del de alguna manera especial, según la lectura de alguien del HTML5 CR, tal vez sea diferente de sus intenciones y, por lo tanto, cause un procesamiento o procesamiento que no sea consistente con su motivo de sobrestimación. (Históricamente, s y strike han sido sinónimos, pero HTML5 CR hace una distinción arbitraria entre ellos, haciendo que s "semántico" y presenten strike ).

<s> y <del> todavía existen en la especificación HTML.

El elemento <del> representa una eliminación del documento.
La <s> representa contenidos que ya no son precisos o ya no son relevantes.

Es decir, que en realidad representan semánticamente diferentes cosas. Específicamente se usaría <del> si tuviera un documento existente y quisiera indicar el texto que estaba en el documento, pero que se haya eliminado. Esto sería diferente al texto en un documento que ya no es preciso, pero que no se ha eliminado (para eso podría usar <s> ).

No debe usar ni depender de ninguno de los dos para el estilo, aunque la mayoría de los navegadores sí los tienen de forma predeterminada. Solo debes confiar en CSS para la presentación.

Debido a la naturaleza mercurial de cómo funcionan los motores de búsqueda, es muy difícil decir si una etiqueta u otra hará una diferencia en cómo se crean las palabras clave y se indexa su contenido. Debe centrarse en crear buen contenido que sea semánticamente correcto, y la clasificación de su sitio web seguirá.