Comprobación de la validez de los datos. Corrección de html y css mediante el validador del W3C. Costo de validación usando W3C Validator Suite

¡Saludos! Mientras revisaba la validez de uno de los sitios, de repente noté una advertencia interesante...

Traducido al ruso, significa aproximadamente lo siguiente:

Nuevo: W3C ofrece una versión beta de un nuevo servicio que le proporcionará un informe completo de inspección del sitio. Pruébelo ahora para identificar rápidamente aquellas partes del sitio que requieren atención especial.

Y entonces me vino a la mente un pensamiento maravilloso: ¿por qué no hacerlo ahora mismo? breve reseña? Eso es lo que haremos, bienvenido. nuevo servicio W3C Suite de validación!

Un nuevo enfoque para evaluar la calidad y los estándares de un sitio web

Validator Suite proporciona nueva apariencia Servicios integrales de evaluación de la calidad del sitio web. El servicio verifica todas las páginas del sitio y evalúa su cumplimiento con los estándares W3C, así como otros requisitos de rendimiento de los recursos web.

De hecho, ya les he presentado a mis lectores servicios como:

• Servicio de validación CSS - ;
• Servicio de validación de marcado - ;
• Así como herramientas del consorcio.

Combina todas estas utilidades en un solo servicio en línea, lo que hace que la verificación del sitio y el análisis de resultados sean más fáciles que nunca. Esto le permite hacer que el sitio cumpla plenamente con los últimos estándares de desarrollo web actuales.

El cumplimiento del sitio con los estándares W3C garantiza:

• soporte y uso simplificados de todas las funciones integradas;
• compatible con el numero mas grande navegadores modernos y plataformas, lo que reduce la probabilidad de errores;
• mejor desempeño de los nuevos estándares para dispositivos compatibles utilizado para acceder a Internet.

Si está creando un nuevo sitio o apoyando proyectos en curso, utilice el servicio W3C Validator Suite y realice comprobaciones periódicas. De esta manera estarás seguro de que el proyecto cumple estándares modernos y está optimizado al máximo para ver desde varios dispositivos y navegadores.

Usando el paquete de validadores del W3C

El servicio es muy fácil de usar: simplemente ingrese la URL, configure parámetros requeridos y confirme el inicio del escaneo:

EN momento presente Validator Suite combina las siguientes herramientas y capacidades:

• validador HTML. Se utilizan las mismas herramientas que en MarKup Validation Service, pero los resultados se presentan de una forma alternativa y más intuitiva. interfaz clara. Incluye validación HTML5.
• Validador CSS. También se utilizan herramientas estándar y conocidas con una nueva presentación de los resultados. Incluye validación CSS3.
• Robot de búsqueda. Encuentra automáticamente todas las páginas del sitio que están sujetas a verificación, incluidas formato XML. No es necesario agregar manualmente cada página; simplemente especifique la página principal y ejecute el escaneo, y el robot encontrará de forma independiente todas las páginas internas.
• Informe resumido. Cuando se hayan escaneado todas las páginas, verá un informe resumido del sitio, en el que se agruparán las advertencias y los errores.
• Informe por URL. Informe de errores para cada página. Verás la cantidad errores HTML y CSS, así como advertencias con un enlace a una descripción detallada del problema.
• Controles repetidos. Probablemente, inmediatamente después de recibir el informe, comenzará a trabajar para eliminar los errores. Usando un validador puede enviar para verificación páginas individuales o solicitar de nuevo cheque completo sitio.
• Almacenamiento ilimitado de informes. Puede almacenar sus informes durante el tiempo que sea necesario hasta cuenta activo Al mismo tiempo servicios similares se eliminan después de unos días.
• Informes descargables. Es posible descargar los resultados del escaneo en formato CSV (un formato compatible con MS Excel, OpenOffice y otro software).

Costo de validación usando W3C Validator Suite

Sí, lamentablemente consultar un sitio con esta herramienta no es gratuito. En en este momento Hay dos planes tarifarios:

1. Primero plan tarifario llamado "Una vez, un trabajo", cuya esencia es pagar los servicios con un solo cheque. El costo depende del número de páginas del proyecto.
2. Suscripción mensual. Al pagar una suscripción mensual, el cliente recibe cantidad ilimitada cheques. El costo en el momento del lanzamiento beta no está indicado; deberá aclararse individualmente con especialistas; apoyo técnico. Por cierto, ahora muchos servicios en línea cambiar al pago por suscripción.

Por un lado, contamos con herramientas conocidas que se pueden utilizar de forma totalmente gratuita. Por otro lado, el nuevo ambiente amigable y interfaz accesible con funcionalidad avanzada, pero de pago. Probablemente, el soporte al usuario premium resultó no rentable y, por lo tanto, el servicio se volvió Código abierto proyecto, que está disponible en GitHub.

Validez y otros indicadores de la calidad del sitio.

Aún queda mucho por hacer para ampliar las capacidades del servicio; hay planes para implementar tres áreas adicionales:

1. Disponibilidad. Cumplimiento del estándar WCAG (Pautas de accesibilidad al contenido web), que garantiza la accesibilidad del contenido del sitio para personas con discapacidad.
2. Compatibilidad. La compatibilidad multiplataforma reduce los costos de desarrollo y permite a los usuarios ver el sitio en cualquier navegador.
3. Mejoramiento. Simplificar y minimizar el código y el contenido hace que el sitio sea más abierto a motores de búsqueda y fácil de usar.

Para resumir la revisión, vale la pena señalar que el servicio se encuentra en la etapa de prueba y no todas las funciones declaradas están incluidas en el trabajo. En general, teniendo en cuenta la ampliación de capacidades y la implementación de funciones planificadas, el servicio merece atención.

Le recomiendo que lea mis otras reseñas de herramientas de análisis de sitios web en la sección Auditoría y pruebas. ¡Y por supuesto espero sus comentarios! ¿Cree que el servicio encontrará su lugar en el nicho y tendrá demanda? 🙂

Hola a todos. Regresé a San Petersburgo nuevamente después de 3 semanas en el Círculo Polar Ártico. Y aquí todo es igual de gris y lúgubre :(

La lección de hoy es para webmasters avanzados. No recomiendo que los principiantes comprendan un tema tan difícil por sí solos; es mejor leer las publicaciones en la sección "". El artículo menciona que uno de los criterios de calidad de un tema es la validez de su código.
EN esquema general le di una definicion este término. Pero creo que vale la pena analizar esto con más detalle, que es lo que haremos en el artículo de hoy.

¿Cómo surgió el Consorcio World Wide Web?

Validez en en un sentido general esta palabra significa cumplimiento de normas. En el caso de Internet, las reglas y estándares para el diseño de páginas y la creación de códigos los establece el W3C. Los fundadores de esta organización estuvieron a la vanguardia del desarrollo de las primeras versiones de HTML (Hyper Text Markup Language o lenguaje de marcado de hipertexto) y se convirtieron en los pioneros de la World Wide Web, que poco a poco fue ganando una enorme popularidad. Este descubrimiento pertenece a Sir Timothy John Berners-Lee junto con Robert Caillot. Bernes-Lee antes hoy es el jefe del W3C ( Mundial Consorcio Web, Consorcio World Wide Web) y legislador en este ámbito.

Con el uso del marcado HTML, fue posible crear páginas web y se crearon navegadores para reconocerlas en una forma familiar para los usuarios. El W3C ha introducido una serie de estándares que deben cumplir los documentos en la web para que todos los navegadores puedan reconocerlos correctamente. A lo largo del desarrollo de Internet, los creadores libraron guerras por la supremacía. Algunos de ellos incluso intentaron introducir sus propios estándares nuevos, pero el W3C, gracias a sus desarrollos, pudo mantener el papel de legislador en las reglas para la creación de código. EN Versiones HTML 3 soporte para CSS (hojas de estilo en cascada o mesas en cascada estilos). Inicialmente, los estilos, colores y formas se especificaban directamente en el código html, pero creación de css simplificó significativamente esta tarea, alivió código fuente y, en consecuencia, el tiempo de carga de la página. Última versión– Este es HTML 5, que es cada vez más relevante. Por mucho tiempo su lugar lo ocupó Html 4.01 (desde 1999).

Este antecedentes historicos se proporciona para que tenga una comprensión más integral del tema de la revisión de hoy: la validación del sitio web. Si visita el sitio web oficial del W3C en la sección "Estándares", verá una lista completa de subsecciones con estándares. Aquí, por ejemplo, puedes ver el estado actual en HTML:

Para cada uno de los subpárrafos existen largas listas de normas que definen tal o cual atributo, elemento versión actual código. Aquí, por ejemplo, hay contenido incompleto para HTML 5:

Hay muchas reglas, como comprenderá. Para verificar el cumplimiento de estos por parte de su sitio, puede utilizar validadores de sitios especiales.

Pero antes de considerar su trabajo, averigüemos qué tan importante es realizar esta operación.

¿El sitio debería ser válido?

No hay consenso sobre este tema, pero existen razones objetivas que indican que es necesario verificar la validación del sitio.

Lo primero a lo que debe prestar atención es a la llamada compatibilidad del sitio entre navegadores. Aquellos. Lo ideal es que el sitio se muestre por igual en todos los navegadores. EN en este caso El cumplimiento de los estándares W3C garantiza esta opción.

En segundo lugar, los robots de los motores de búsqueda reconocen el código HTML utilizando los mismos parámetros que los navegadores. Aquellos. si su código contiene errores, por ejemplo, etiquetas abiertas, enlaces rotos, o una estructura rota, todo esto puede afectar la indexación del sitio. robots de búsqueda. lo que significa errores graves en el código puede bajar la posición del recurso en los resultados de búsqueda.

Sin embargo, como ya hemos visto, el W3C tiene muchas reglas, y en ocasiones no es posible cumplirlas todas. Por lo tanto, en este asunto es mejor quedarse en el medio: corregir primero los errores graves. Es importante seguir la sintaxis correcta, comprobar el anidamiento de etiquetas y mantener su secuencia y estructura correctas.

Validadores de código HTML y CSS

Es mejor garantizar el cumplimiento de las normas desde el principio. En la primera etapa de selección. temas de WordPress Para tu blog, tómate el tiempo para comprobar la validez de su código HTML y CSS. Es deseable que el código html y el validador css produzcan inicialmente el siguiente resultado:

Después de instalar complementos y complementos, consulte también el blog para identificar inmediatamente los problemas y sus fuentes.

Existen varios servicios en línea para verificar la validación de la página. Los más fiables y completos son los validadores del W3C.

Puede encontrar enlaces a ellos en pagina de inicio sitio web oficial - www.w3.org

Unicorn es un validador combinado en ruso (tiene una función para cambiar de idioma) que proporciona información sobre todos los parámetros del sitio a la vez.

Ingrese la URL del sitio y haga clic en "Verificar".

El número de errores (cruz roja) y advertencias (signo de exclamación amarillo) se muestra a la derecha.

Ver información detallada Los errores se pueden encontrar en la lista desplegable debajo de cada opción.

El validador HTML verifica los errores de la página especificada por la URL y no de todo el sitio.

Se puede obtener información más detallada sobre errores con información sobre herramientas verificando la validación CSS y código html en programas separados.

Así es como se ve la descripción de los errores y sus causas en el validador html:

Como puede ver, la información se proporciona en inglés. Cada error o advertencia va acompañado del número de la línea del código fuente en la que se encuentra (Línea 381, Línea 652). En primer lugar, debe corregir los errores (icono rojo). Si no sabes qué es este error y cómo solucionarlo, intenta buscar información en foros especializados o haz preguntas en los comentarios de este artículo.

Nuevamente, el validador html diagnostica el código fuente y los errores deben corregirse en los archivos correspondientes de su blog. Discutimos cómo encontrarlos en el artículo sobre.

Este validador tiene la capacidad de habilitar opciones adicionales:

• Puede agrupar errores por un tipo (Agrupar mensajes de error por tipo);
• mostrar todo el código fuente que el servicio utilizó en el análisis (Mostrar Fuente);
• comprobar páginas que generan Error (Validar páginas de error).

Además, la función habilitada "Limpiar marcado con Html-Tidy" le permite ver su código con los errores corregidos según la versión del programa Html-Tidy. Sin embargo, el W3C advierte que este programa no es su desarrollo y por lo tanto no brindan garantías de que el código sea correcto. Sin embargo este codigo puede servirle como pista a la hora de corregir errores.

El validador de código CSS del W3C también proporciona una opción de corrección de errores similar. No es necesario habilitarlo, funciona de forma predeterminada.

Además de los validadores de sitios en línea, también es posible instalar una extensión para Firefox, que buscará errores en el código fuente de la página directamente en el navegador. Se llama "Validador HTML".

Permítanme recordarles también que además de html y css, también existen . Su presencia es importante para la optimización de los motores de búsqueda.

El tema de hoy es bastante difícil. Cuando empiece a corregir errores, probablemente tendrá muchas preguntas. Es recomendable corregir aquello en lo que confía para no romper el sitio. Recuerde hacerlo antes de realizar cambios. ¡Adiós!

PD El otro día compramos billetes para Kamchatka en septiembre al precio milagroso de 16.600 por persona ida y vuelta. Es muy barato, los precios no estaban así desde hace mucho tiempo. Si alguien está interesado, creo que todavía hay tiempo para conseguir esas entradas. Escalaremos volcanes y admiraremos la naturaleza salvaje e intacta con el club turístico PIK.

Hola. Responderé a tu pregunta de inmediato: ¿vale la pena leerte esta lección? Ir a una muy útil y servicio gratuito, ingrese la dirección de su sitio allí y si ve que hay errores en su sitio, entonces vale la pena leer la lección. Ejemplos de visualización de errores utilizando este validador en línea:

No en mi blog ahora mismo. errores similares, Me deshice de ellos (en total hubo más de 70 errores y más de 80 advertencias). Para aclarar te diré de qué se trata. código válido y por qué lo necesitamos.

El código válido es el código que cumple con los estándares.

Puede verificar la validez de HTML, CSS, todo tipo de micromarcados y más. Hoy hablaré de validez en HTML.

• No se requiere un código válido, pero la cantidad de errores debe ser mínima; de lo contrario, su sitio no será compatible con todos los navegadores. La validez del código es necesaria principalmente para garantizar que su sitio se muestre correctamente en todos los navegadores.
• Los robots de búsqueda "hablan" con su sitio en lenguaje HTML Por lo tanto, es importante transmitir clara y claramente el contenido del sitio con todos " etiquetas cerradas"etcétera.
• La validez del HTML afecta al SEO, pero de forma bastante insignificante (a menos, por supuesto, que tenga cientos o incluso miles de errores). Recomiendo leer las interesantes observaciones de Devaki, "El impacto de la calidad HTML en su clasificación".
• Cuando hice válido el código en mi sitio, encontré y corregí mis errores estúpidos (etiquetas repetidas, letras faltantes, etc.).
• No deberías "romparte el culo" si algún error es difícil de corregir o si su corrección perjudicará la funcionalidad del sitio. Lo principal es que sea cómodo para el usuario.

A continuación analizaré los principales errores señalados por el validador. Si de repente su error no está en la lista a continuación, escríbalo en los comentarios, intentaremos resolverlo juntos y agregaré una solución a este problema en esta lección. Por cierto, sí, los errores que señala el validador del w3c los puedes encontrar aquí:

Cada error tiene una pista: este es el número de línea en el código fuente de la página, y a partir de él ya puede determinar aproximadamente en qué archivo se encuentra el tema. línea dada. Miramos el código fuente de la página usando CTRL+U (en los principales navegadores).

Antes de comenzar, haz copia de reserva plantilla para su sitio web.

Además, para que sea más fácil encontrar errores en el código fuente, puedes utilizar el validador HTML para Mozilla Firefox. Luego de instalarlo y dirigirte al código fuente de la página, verás los mismos errores que indica el servicio validator.w3.org. Al hacer clic en el nombre del error (en la esquina inferior izquierda), será redirigido automáticamente a la línea donde se encuentra este código no válido.

Encontrar errores en HTML usando el validador w3c y corregirlos

Busque su error en la lista a continuación y haga clic en él; automáticamente lo “desplazará” al lugar correcto.

1. Sin espacios entre atributos.

…rel="icono de acceso directo" href="http://arbero.ru/favicon.ico" ;

type="image/x-icon" Simplemente elimine el punto y coma.

2. El atributo de ancho del elemento td está obsoleto. Utilice CSS en su lugar.

td valign="centro" ancho="80" altura="80" >

Transformemos algo como esto en la forma

td style="align:center; ancho:80; alto: 80;">

3. Un elemento img debe tener un atributo alt, excepto bajo ciertas condiciones. Para obtener más detalles, consulte la guía sobre cómo proporcionar alternativas de texto para imágenes. Uno de los más errores comunes . Simplemente no hay suficiente texto alternativo

para la foto. Escribimos la etiqueta alt.

4. La sección carece de título. Considere usar elementos h2-h6 para agregar títulos de identificación a todas las secciones.

sección id="comentarios" >

5. El elemento hgroup está obsoleto. Para marcar subtítulos, considere simplemente colocar el subtítulo en un elemento p después del elemento h1-h6 que contiene el título principal,

o bien colocar el subtítulo directamente dentro del elemento h1-h6 que contiene el título principal, pero separado del título principal por puntuación y/o dentro, por ejemplo, de un elemento span class="subheading" con estilo diferenciado. Para agrupar títulos y subtítulos, títulos alternativos o eslóganes, considere usar los elementos encabezado o div.

Similar al punto anterior. Simplemente cambie la frase hgroup a div. Puede utilizar la herramienta Buscar/Reemplazar todo en editor de texto para acelerar dichos procesos.

6. Elemento "noindex" indefinido

A etiqueta sin índice ha entrado en vigor, lo escribimos en forma de comentario, es decir, así:

No indexable

7. Etiqueta final para el elemento "div" que no está abierto

Cierre etiqueta div extra. Eliminémoslo.

8. El tipo de documento no permite el elemento "li" aquí; falta una de las etiquetas de inicio "ul", "ol", "menu", "dir"

Uso incorrecto de la etiqueta "li": faltan etiquetas "ul", "ol", etc. Comprobar.

9. Se omitió la etiqueta final para "div", pero se especificó OMITTAG NO

Falta la etiqueta div de cierre.

10. No existe el atributo "borde"

alt="" ancho="1" alto="1" borde=" 0"/>

Simplemente eliminamos la frase border="0".

11.Carácter"<" is the first character of a delimiter but occurred as data

No uses la etiqueta "<" перед обычными словами, используйте лучше разные кавычки.

12. Vi " cuando esperaba un nombre de atributo. Causa probable: = falta inmediatamente antes.

Cita adicional, elimínela.

13. El atributo align del elemento img está obsoleto. Utilice CSS en su lugar.

No utilice el valor de alineación dentro de una etiqueta img. Anótelo por separado, de esta forma:

14. Valor incorrecto para el atributo href en el enlace del elemento: carácter ilegal en el segmento de ruta: no es un punto de código URL.

Conclusión

Si tienes algún error en tu web que no está en esta lista escríbelo en los comentarios. Vamos a resolverlo y lo agregaré al artículo. Repito, si algún error no se puede corregir, no te molestes.

Todavía tengo un error en mi blog (aunque ayer por alguna razón el código no tenía errores):

El contenido de texto del script del elemento no tenía el formato requerido: espacio esperado, tabulación, nueva línea o barra diagonal, pero se encontró< instead.

Si sabes como solucionarlo te lo agradecería. Soy un poco perfeccionista. 🙂

¿Hará que el código HTML del sitio sea válido?

Deseo que reciba un código HTML válido en su sitio, cuya notificación se ve así:

PD. ¿Sobrecargas a menudo tu cuerpo? Entonces necesitas un programa de desintoxicación. Restaurar la fuerza y ​​el equilibrio energético.

Quiero dedicar el artículo de hoy a la validación de sitios (es decir, HTML). Primero, ¡definamos qué significa este término! La validación del sitio consiste en buscar errores de sintaxis, verificar el anidamiento de etiquetas y otros criterios. Como regla general, los validadores (servicios para verificar sitios en busca de errores en la estructura de los documentos) verifican que el código HTML cumpla con un determinado estándar, que se indica al principio de cualquier página HTML en la primera línea. Si no sabías para qué servía, ¡ahora lo sabrás! 🙂 Pero, ¿por qué exactamente se necesita esta validación y en qué afecta?

"¿Qué es la validación del sitio?"

Como dije anteriormente, la validación es el cumplimiento del código HTML con ciertas reglas y estándares. XHTML fue reemplazado por , lo que hizo la vida mucho más fácil a los desarrolladores. El caso es que en la versión XHTML la sintaxis era muy estricta. Si en HTML5 puedes escribir una etiqueta envolvente
ambos sin barra y en esta forma
, entonces sólo la última opción será correcta en XHTML. HTML5 no es tan estricto y, además, han aparecido muchas etiquetas útiles, pero ya no se trata de eso :)

"¿A qué afecta la validación del sitio?"

Ahora respondamos la segunda pregunta.

La validación del sitio le permite monitorear la visualización correcta del sitio en diferentes navegadores. Por ejemplo, si no cierra la etiqueta o comete un error tipográfico en algún lugar del código, es posible que la misma página se muestre de manera diferente en diferentes navegadores. Además, es posible que (CSS) no aparezca como esperaba. Por lo tanto, es necesario seguir esto de cerca.

Además, no pude evitar decir que la validación afecta a los motores de búsqueda: Los motores de búsqueda dan preferencia a los sitios con código HTML válido.. ¡Ten esto en cuenta!

Bueno, ¿te he convencido de que la validación de un sitio web es realmente necesaria? ¡Entonces terminamos con la teoría y pasemos a la práctica!

Métodos de verificación de validación

Escribí instrucciones detalladas sobre cada uno de los métodos en forma de texto y, además, si alguien es demasiado vago para leer y comprender, hice un video 😉.

1 vía. Servicio validador.w3.org

La esencia del primer método es utilizar un servicio para comprobar la validez del sitio. Cómo comprobar la validez de un sitio utilizando el servicio validador.w3.org:

1. Vaya a la dirección: validator.w3.org. Se abrirá una página frente a nosotros con 3 pestañas. En la primera pestaña "Validar por URI" puede verificar la validez de un sitio publicado en Internet, en la segunda "Validar por carga de archivo" - cargar un archivo desde su computadora, y en la tercera "Validar por entrada directa" - pegue el contenido del archivo directamente en el formulario de entrada. Hablaré de la primera opción, es decir, cuando el sitio se publica en Internet (creo que no tendrás ningún problema con otros métodos). Por lo tanto, seleccione la primera pestaña como en la imagen a continuación:

• Codificación de caracteres- codificación de su sitio. ¡PERO! Si ya está entre las etiquetas (en su sitio web en su navegador, presione el atajo de teclado CTRL+U y busque al principio del documento una línea como esta

  ). Si hay algo similar en la primera línea, deje el valor aquí también (detectar automáticamente).

Si no tiene nada de lo que describí anteriormente, deberá configurar estos valores usted mismo. No cambié nada aquí y dejé todo como está.

3. Luego, en el campo "Dirección", ingrese la dirección de su sitio como lo hice yo:

Luego haga clic en el botón “Verificar”, que se encuentra en el medio del bloque gris:

4. Luego viene la validación de su sitio y después de un tiempo aparecerá el resultado de la validación. Habrá una página similar con el mensaje "¡Este documento se verificó correctamente como HTML5!". (lo que significa que su sitio ha pasado con éxito la verificación de validez para un determinado tipo de documento, es decir, en mi caso, HTML5):

Si tiene una inscripción sobre un fondo rojo, esto significa que tiene errores en su documento HTML. Es necesario corregirlos. Para ello simplemente resalta el nombre del error (en el vídeo te muestro cómo hacer todo esto) y pégalo, por ejemplo, en Google. Luego simplemente lea cómo otros webmasters abordaron este error y corríjalo siguiendo estos consejos. También tiene otra opción: confiar esta tarea a una persona con conocimientos que comprenda el código y dejar que lo haga por usted.

Método 2. Complementos del navegador

1. Complemento del navegador Firefox- Ir

Siga el enlace de arriba, seleccione la versión del navegador Firefox y haga clic en el botón "Descargar". Luego seleccione el sistema operativo requerido e instálelo como un complemento normal. (los que no entiendan, miren el vídeo :)

2. Complemento para el navegador Google Chrome: Ir

Aquí debe hacer clic en el botón "Gratis" y luego hacer clic en "Agregar" en la ventana emergente.

3. Complemento del navegador Opera: Ir

Aquí también se realiza la instalación habitual del complemento.

4. Complemento para el navegador Safari: Ir

En este artículo presentaré el concepto. "validez" Código del sitio (html y css). Espero que todos recuerden que html es la estructura del sitio. CSS: reglas y estilos para etiquetas que se describen en HTML.

Lo entenderemos desde lo más básico: la teoría, para luego pasar a la práctica. También encontrará respuestas a las siguientes preguntas: cuál es la validez del código html y css, por qué es necesario, por qué a los motores de búsqueda les encanta el código limpio/válido. Y lo más importante, te mostraré con ejemplos cómo comprobar la validez del código de un sitio.

¿Por qué es necesario comprobar la validez del código html y css?

Validez: de lo contrario, código limpio (sin errores)

Constante número 1. La validez del código del sitio permite que el sitio se muestre correctamente en diferentes navegadores, es decir Todos los componentes visuales y funcionales del sitio se muestran y funcionan correctamente. La mayoría de las veces resulta que el navegador procesa y muestra todos los elementos del sitio correctamente, pero esto no significa que el código sea limpio y fluido como el trasero de un bebé.

Constante número 2. Los motores de búsqueda (Yandex, Google) fomentan el código limpio (html y css). Hablando en ruso, cuando un robot de motor de búsqueda llega a su recurso y ve que se ha cumplido la validez, el robot de búsqueda sabrá que este recurso está libre de errores y, por lo tanto, tratará el sitio para mejor.

Por experiencia personal: En mi práctica, había una situación en la que los nuevos artículos de un blog no querían aparecer en los resultados de búsqueda. Parece que estás haciendo todo bien, pero Yandex no aparece y ¡listo! ¿Qué hacer, dónde cavar? Alguien pensará que los filtros son filtros, pero no existe nada de eso.

Revisé en el sitio la validez del código html y lo sorprendido que estaba al darme cuenta de dónde estaba enterrado el perro. Resultó que al código le faltaba una etiqueta de cierre., y esta es una etiqueta especial que cierra secciones de código o enlaces del motor de búsqueda Yandex. ¿Y qué obtuve? El artículo completo está cerrado a la indexación. Aquí está la respuesta a la pregunta: "¿Por qué no aparece en los resultados de búsqueda?" Luego, por supuesto, solucioné este error.

Pasemos del texto simple con la teoría a la práctica y aprendamos cómo realizar comprobaciones de validación en línea.