Comprobación de la validez de los datos. Encontrar errores en HTML usando el validador w3c y corregirlos. Usando el formulario para ingresar un código

¡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¡Suite de validación W3C!

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, incluso en 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 revisado 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á la cantidad de errores y advertencias de HTML y CSS 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. Actualmente existen 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, los nuevos amigables y interfaz accesible con funcionalidad avanzada, pero de pago. Probablemente, la asistencia al usuario premium resultó no rentable y, por lo tanto, el servicio se convirtió en un proyecto de código abierto, 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 reseña, vale la pena señalar que el servicio se encuentra en la etapa de prueba y no todas las capacidades 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. 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 HTML, por lo que es importante presentar el contenido del sitio de forma clara y clara con todas las "etiquetas cerradas", etc.
• 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 tu error no está en la lista a continuación, escríbelo 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. código fuente Vemos páginas 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.

ID de sección="comentarios" >

El bloque de sección debe contener algunas de las etiquetas h2-h6; de lo contrario, simplemente cambie el nombre de la palabra sección a div

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,

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 del 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.

Vlad Merzhevich

Hay muchas formas y métodos para comprobar las páginas web en busca de errores y comentarios. Convencionalmente, se dividen en online y locales. Los en línea están diseñados para consultar páginas utilizando un navegador a través de Internet, y los locales se utilizan para comprobar documentos en la computadora actual. A continuación, consideraremos métodos populares de validación de documentos.

validador.w3.org

Instalación de la extensión

Después de descargar el archivo, puedes instalar la extensión de varias maneras.

1. A través del administrador de extensiones

Inicie Firefox y abra el menú. Herramientas > Extensiones. Arrastre el archivo descargado (tiene una extensión xpi) a la ventana que se abre. A continuación, la extensión se instalará automáticamente.

2. Al abrir un archivo

Seleccionar en Menú de Firefox párrafo Archivo > Abrir archivo... y especifique la ruta al archivo con la extensión, acciones adicionales el navegador lo hará solo.

3. Copie un archivo a una carpeta.extensión

Abra la carpeta en el disco donde está instalado Firefox (por ejemplo, c:\Program Files\Mozilla Firefox) y busque la subcarpeta de extensión en la que copie la extensión. Después de iniciar el navegador instalación adicional desaparecerá por sí solo.

Todos los métodos de instalación anteriores requieren reiniciar el navegador después de instalar la extensión. El Validador HTML comienza a funcionar inmediatamente después de reiniciar Firefox.

Si estos métodos por alguna razón no ayudó, puede comunicarse con el sitio de soporte Navegador Mozilla Firefox y lee sobre todos. métodos posibles instalación de extensiones en
http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Usando el validador HTML

Al abrir páginas web HTML El validador comienza a trabajar inmediatamente y el resultado de la verificación se muestra en la barra de estado, en la esquina inferior derecha, en forma de una pequeña imagen. La imagen depende del estado de verificación y se muestra en la Fig. 14.6.

Arroz. 14.6. Tipos de imágenes que se muestran al revisar un documento

Un círculo con una marca (Fig. 14.6a) indica que el documento es válido, triangulo amarillo Con signo de exclamación(Fig. 14.6b): hay comentarios en el código que se pueden corregir automáticamente. Y el círculo rojo con una cruz (figura 14.6c) advierte que hay errores graves.

Hay dos formas de ver todos los errores. Primero, busque el código HTML del documento a través del menú. Ver > Fuente de la página o haga clic derecho y seleccione en el menú contextual Ver el código fuente de la página(Figura 14.7).

Arroz. 14.7. Menú contextual con opción de selección de código fuente.

La ventana del código fuente de la página web está dividida en tres partes (Figura 14.8), donde el bloque superior contiene el código HTML real. El bloque inferior izquierdo muestra una lista de errores y comentarios o mensajes de información en caso de ser un documento válido. El bloque inferior derecho está destinado a información sobre herramientas detallada sobre los comentarios actuales.

Arroz. 14.8. resultado del trabajo Extensiones HTML Validador

Anotación: ¿Cuál es la mejor manera de comenzar a validar páginas HTML y garantizar que esas páginas se representen correctamente en diferentes navegadores, sin ningún error? La respuesta es la validación (comprobar con las reglas). De eso hablaremos

Introducción

Ha escrito algunas páginas HTML y parecen funcionar bien, pero hay algunas cosas que no están del todo bien. ¿Cuál es la mejor manera de empezar a encontrar lo que está mal y garantizar que estas páginas (y las páginas escritas en el futuro) se muestren correctamente en una variedad de navegadores, sin errores?

¡La respuesta es validación! hay muchos fondos disponibles en el sitio W3C y otros lugares que permiten la validación del código del sitio.

Los validadores más famosos son los siguientes:

• Validador de marcado W3C(http://validator.w3.org/): este validador encuentra el tipo de documento (X)HTML utilizado en el documento que se está validando y luego escanea todo el documento, señalando los lugares donde el código HTML no coincide con el tipo de documento utilizado ( es decir, donde hay errores de código HTML).
• Comprobador de enlaces W3C(http://validator.w3.org/checklink): este validador examina el documento enviado para su validación y verifica todos los enlaces del documento para asegurarse de que no haya enlaces rotos (aquellos cuyos valores href apuntan a recursos inexistentes). ).
• Validador CSS del W3C(http://jigsaw.w3.org/css-validator/): Como puede imaginar, este validador analiza documento CSS(o HTML/CSS) y comprueba que el CSS se ajuste a las especificaciones de CSS.

Este artículo analizará la primera de estas herramientas para mostrar cómo usarla y cómo interpretar los resultados típicos que devuelve un validador. La verificación de enlaces se explica por sí misma y el validador de CSS también quedará bastante claro después de leer este artículo y los artículos de CSS que se presentarán más adelante en el curso.

El artículo tiene la siguiente estructura:

• Errores
• ¿Qué es la validación?
• ¿Por qué es necesaria la validación?
• Diferentes navegadores no interpretan código correcto HTML de diferentes maneras
  • modo peculiaridades
• Cómo validar páginas
  • Validador HTML del W3C
• Conclusión
• Herramientas adicionales
• Preguntas de seguridad

Errores

En programación informática, existen, en términos generales, dos tipos de problemas de código:

• Los errores de sintaxis se producen cuando los errores al escribir el código impiden que la computadora ejecute o compile el programa correctamente.
• Errores de programación (o lógica): cuando el código no refleja completamente la intención del programador.

En la mayoría de los lenguajes de programación, los errores de Tipo I son bastante fáciles de detectar: ​​el programa simplemente se niega a ejecutarse o compilarse hasta que se corrija el error. Esto hace que encontrar y corregir dichos errores sea mucho más fácil en situaciones de "¿por qué no hace lo que quiero?".

HTML no es un lenguaje de programación. Errores de sintaxis en una página Web normalmente no hace que el navegador Web se niegue a abrir la página (aunque XHTML es más restrictivo que HTML - al menos cuando se procesa como datos aplicación/xhtml+xml o texto/xml, como debería ser - y algunos Los tipos de documentos prohíben el uso. ciertos tipos elementos HTML). Ésta es una de las principales razones de la rápida adopción y difusión de la Web.

El primer navegador web, WorldWideWeb (http://www.w3.org/People/Berners-Lee/WorldWideWeb.html) escrito por Tim Berners-Lee, también fue un editor que permitía a las personas crear páginas web sin aprender primero HTML. Este editor estaba produciendo HTML incorrecto. Esto podría solucionarse, pero se sentó un precedente importante que existe en todos los navegadores web antes. hoy- la cuestión es que dar acceso a los contenidos a las personas es más importante que informar de los errores a las personas que no los entienden o no pueden corregirlos.

¿Qué es la validación?

A pesar de Navegadores web aceptará páginas web malas (no válidas en nuestra terminología) y hará todo lo posible para visualizar el código, haciendo su mejor conjetura sobre la intención del autor; sin embargo, es posible verificar si el HTML se escribió correctamente y, de hecho, esto debería ser hecho como veremos a continuación. A este proceso lo llamamos HTML "validación".

El programa de validación compara el código HTML de la página web con las reglas del tipo de documento adjunto e informa qué reglas se violaron y dónde.

¿Por qué es necesaria la validación?

Existe una creencia común entre algunos desarrolladores web de que si una página web se ve bien en los navegadores, no importa si no ha sido validada. Llaman a la validación un objetivo ideal, pero no algo que sea una cuestión de blanco y negro.

Hay algo de verdad en este enfoque; la especificación HTML no es perfecta y ahora está significativamente desactualizada. Algunas cosas que podrían ser correctas (como iniciar una lista ordenada en un punto distinto de 1) no son válidas en HTML. Sin embargo, como dice el proverbio:

Aprende las reglas para saber cómo romperlas correctamente

Hay dos razones extremadamente importantes para validar su código HTML cuando lo crea.

• Los humanos no son perfectos, y tampoco lo es el código que crean: todos cometemos errores y las páginas web serán de mayor calidad (es decir, funcionarán de manera más consistente) si se solucionan todos los errores.
• Los navegadores cambian. En el futuro, los navegadores probablemente serán menos indulgentes cuando analizando código no válido.

La validación es un sistema de alerta temprana de la existencia de errores en las páginas, que pueden manifestarse de diversas formas difíciles de detectar. Cuando un navegador encuentra HTML no válido, se ve obligado a hacer una suposición fundamentada sobre lo que pretendía hacer, y diferentes navegadores pueden ofrecer respuestas diferentes.

Diferentes navegadores interpretan el código HTML no válido de forma diferente

El código HTML real es sólo un contrato que usted celebra con los fabricantes del navegador. La especificación HTML dice cómo debes escribirlo y cómo deben interpretar tu documento. EN últimamente El cumplimiento de los estándares de los navegadores ha llegado al punto en el que, si escribe un código válido, todos los principales navegadores deben interpretar su código de la misma manera. De todos modos, esto casi siempre se aplica a HTML, mientras que otros estándares tienen una variación ligeramente mayor en el soporte entre diferentes navegadores.

Pero, ¿qué sucede si pasa un código no válido (no válido) al navegador? ¿Qué pasará entonces? La respuesta es que el manejo de errores se hace cargo del navegador para determinar qué hacer con el código. El navegador normalmente responde así: "vale, este código no es válido, ¿cómo puedes presentar esta página?" usuario final? ¡Completemos lo que falta de la siguiente manera!"

Suena genial, ¿no? Si hay varios errores en una página, ¿el navegador completará los que faltan por usted? No exactamente así, ya que todos

Ígor.

Actualización: 9 de junio de 2012. ¡Hola amigos! Hoy un tema muy importante en la agenda: cómo producir revisando el sitio en busca de errores , lo que implica control de validez (cumplimiento de normas) HTML código, utilizando el servicio.

validador del W3C varias modificaciones, y el hecho de que el sitio se vea igual en ellos brinda ventajas adicionales al webmaster a los ojos de los lectores potenciales. Por cierto, usted mismo puede elegir qué navegador es mejor leyendo el material correspondiente.

Validez, es decir, coherencia. código html ciertos estándares establecidos por el Consorcio Internacional W3C ( Mundial Consorcio Web). Todos los desarrolladores de Internet, en su mayoría, necesariamente tienen en cuenta estos estándares en sus creaciones. De acuerdo, sin esto, el caos y la anarquía reinarán en el espacio de Internet, en particular en la programación. Además de controlar el código HTML, es muy importante implementarlo.

En conclusión, agregaré que en la promoción de un recurso no puede haber detalles insignificantes, e incluso un detalle aparentemente pequeño (por ejemplo) puede dar un impulso positivo junto con una parte tan importante. optimización SEO como, por ejemplo, .

Validador W3C: comprobar la validez de un documento html

Un consejo de servicio muy útil para todos los webmasters a la hora de comprobar y mantener validez html- este es un validador del W3C. Para sigamos adelante a la página de inicio del W3C:

Como puedes ver, ya existe una división por regiones y puedes ver la versión rusa de la página principal seleccionando en el menú desplegable con el botón derecho esquina superior región correspondiente y presionando el botón “GO”. Desafortunadamente, resultados de la verificación de validez de html hasta ahora solo es posible Inglés, entonces, para ir directamente a verificar si hay errores en el sitio, haga clic en el enlace "HTML y validador de marcado" en la esquina inferior derecha:

Para comprobar la validez de html, puedes hacer tres cosas:

1. Validar por URI- comprobar por dirección URL documento
2. Validar mediante carga de archivos- comprobar la validez del html utilizando el archivo descargado
3. Validar por entrada directa- Puede insertar directamente el código HTML y comprobar su validez.

Para verificar la exactitud del código html de un sitio web o página de blog en busca de errores, seleccione la primera opción. Luego ingrese la dirección del recurso en el campo correspondiente. "DIRECCIÓN" y presione "Controlar". Es muy posible que veas la siguiente imagen, en mi caso, esto es exactamente lo que sucedió la primera vez que comencé a revisar mi blog usando el validador del W3C:

El veredicto del validador del W3C es decepcionante: es imposible comprobar el sitio en busca de errores de código html, ya que se detectó un carácter no válido en la línea 298. Bueno, busquemos este carácter, afortunadamente hay una pista. si usas Google Chrome(manual que describe este navegador), luego haga clic en botón derecho ratón y seleccione "Ver código de página" de menú contextual(o use la combinación de teclas Ctrl+U), que abrirá una página con código HTML en la siguiente pestaña.

En caso de otros navegadores: si eres usuario Explorador de Internet(artículo sobre Explorer) elegir "Ver código HTML", Mozilla Firefox (más detalles) - "Código fuente de la página", Opera (sobre cómo descargar, instalar, configurar y actualizar el navegador Opera) - "Código fuente".

Veamos aquí con qué no está contento el validador del W3C. Como puedes ver en la captura de pantalla, esta línea corresponde a uno de los comentarios, mi respuesta a uno de los comentarios. Aquí usé accidentalmente el símbolo comercial &, este es un extracto de " últimos comentarios”en la página principal:

Después de editar este lugar, revisamos nuevamente el sitio en busca de errores usando el validador W3C nuevamente (para corregirlo, fui a la sección "Comentarios" del administrador). Paneles de WordPress y reemplazado & con la letra n):

Como puede ver en la captura de pantalla anterior, esta vez el validador pudo completar la verificación y emitió 8 errores y 2 advertencias. En realidad, esto es muy poco y puedes vivir con ello. Muchos sitios bastante decentes y confiables de Yandex y Google tienen un orden de magnitud más de errores en la validez de HTML.

¡Atención! El validador W3C verifica la validez solo de la página cuya dirección ingresa, y no de todo el sitio. Si ingresa la dirección de la página principal, recibirá datos solo para este documento.

Incluso pagina de inicio Yandex, si decide comprobarlo como ejemplo, contiene varias docenas de errores. Pero esto es comprensible; es muy difícil monitorear constantemente las correcciones del código, ya que los documentos (léase: páginas del sitio) se actualizan constantemente. Por ejemplo, estamos en Blog de WordPress Usamos constantemente complementos para un propósito u otro, lo que también trae caos al código html.

Incluso si "limpia" todas las jambas, es posible que aún aparezcan nuevas debido a las razones descritas anteriormente. Es importante que no haya demasiados de estos errores. Si, por supuesto, logras su eliminación completa, entonces te honraremos y te alabaremos. Por supuesto, para esto necesitas saber al menos conceptos básicos de html conocer el algoritmo para corregir errores del sitio web en el código.

En publicaciones posteriores intentaré volver a plantear este tema y contar con más detalle, mediante ejemplos, qué acciones específicas tomar para eliminarlos; Para no perderse la información más reciente, suscríbase a las actualizaciones del blog a través de RSS. Te recuerdo una vez más que también lo es. gran número Los errores en el código HTML pueden impedir que el sitio se muestre correctamente en varios navegadores. Además, algo me dice que pronto los motores de búsqueda podrán hacer ajustes en el orden en que se clasifican los recursos y tener en cuenta la validez del código html. Además, aquí hay una explicación de algunas configuraciones en la página del validador del W3C:

• Mostrar fuente: muestra el código fuente
• Mostrar esquema: muestra la línea que contiene el error
• Validar páginas de error: comprueba la validez paginas html con un error, por ejemplo,
• Enumerar mensajes secuencialmente: muestra errores y advertencias en una lista regular
• Agrupar mensajes de error por tipo: clasifica los errores según ciertos criterios
• Limpiar marcado con HTML TIdy: muestra el código correcto corregido por HTML Tidy. La anotación indica que este programa no forma parte del validador del W3C, por lo que no garantizan que funcione correctamente.

Bueno, probablemente eso sea suficiente por hoy. Espero que se haya dado cuenta de la necesidad de revisar su sitio en busca de errores y verificar la validez del HTML de su sitio utilizando el validador W3C.

¿Le gustaría recibir noticias relevantes oportunas y actualizadas? artículos útiles? Entonces puedes suscribirte:

Más artículos sobre este tema:

38 opiniones

1. ana

   Los fanáticos de la creación de temas en WordPress, incluso los profesionales, tienen este tipo de errores. alojamiento gratuito, donde la gente suele construir GS. Tomé una "caja" (un sitio web listo para usar de un conocido dibujante y diseñador de diseño), durante un año o un poco más todo estuvo bien, después de una verificación de validación hace unos tres meses se descubrieron varios errores. Igor, gracias por esto. artículo detallado"tetera" 🙂! Ahora profundizo un poco en "¿qué? ¿Y cómo?", resulta que esto es simplemente una cosa complicada, pero no sé cómo lo perciben los robots, es decir, las arañas de los motores de búsqueda. Quería saber de usted: ¿existe una conexión con los motores de búsqueda y la validación, o este tipo de error es puramente punto tecnico y está ubicado estrictamente dentro del sitio, en el sentido de que no afecta de ninguna manera las posiciones en Google y Yandex?

   Igor, GRACIAS de nuevo.

2. Vasili

   Estaba revisando mi sitio en busca de errores. Vi errores, pero no está claro qué hacer a continuación. Igor, ¿por qué no publicas tus artículos en las redes sociales para webmasters? Tienes buenos articulos y esto puede aumentar el tráfico a su sitio.

3. Ígor

   Anna, según los propios representantes de Yandex y Google, la cantidad de errores no tiene ningún efecto en la posición del sitio en resultados de búsqueda. Pero no sabemos cuánto durará esto, porque los algoritmos de los motores de búsqueda cambian constantemente.

4. Ígor

   Vasily, si eres principiante y no entiendes lenguajes html y css, primero que nada preste atención a cuántos errores y advertencias tiene y compárelos con el contenido de su sitio. Si su sitio ya contiene varias docenas de páginas y varias docenas de errores, entonces no hay nada de qué preocuparse, puede volver a corregir la situación más tarde. Con el tiempo definitivamente adquirirás conocimientos basicos en html y css, si desarrolla su proyecto y luego podrá descubrir rápidamente qué es qué. En cuanto a las redes sociales, tienes razón, esto es tráfico adicional.

5. anita

   Administrador, W3C sugiere botones redes sociales de Yandex, luego tengo publicidad de ambos representantes de Google y Yandex, el W3C también notó en ellos error crítico, quitó tres por un par de segundos bloque de google. Envío una solicitud haciendo clic en el botón volver a verificar, ¡me sorprendió! De los 92 que quedaban anteriormente que no fueron corregidos, tengo 83. Solo eliminé los códigos publicitarios :). De alguna manera comencé a limpiar Direct sin ningún deseo, porque... mismo error. Y por mi vida, al W3C no le gusta el signo & ni como significado único ni como significado que representa el derecho - ©.

   Esto no es suficiente, ya veo, ya sabes, el W3C indica dónde y en qué línea, correcto, lo verifico, digamos que falta la línea 127 en la etiqueta de cierre "cuerpo" emparejada, es angular, es decir, ">". No encuentro ningún error ni a través de “FireFox” ni en el seguimiento mediante "Ctrl" + "U" en "Google Chrome", que se caracteriza por la ausencia de ">" el servicio W3C ve más en el "body" y "noindex "etiquetas y, en el script "javascript". Después de revisar todo y editarlo, quedaron 42 errores. No sé cómo funciona el W3C y cómo busca errores, pero al revisar otros recursos usando Notepad++ con un complemento de resaltado de sintaxis (que se encuentra en Habré), no hay errores, pero. El W3C todavía tiene problemas allí. Y sin botones de redes sociales no me interesa, como sin publicidad 🙂 soy reacio. Gracias por las lecciones.

6. Ígor

   ¡Querida Anita! Si aún no puede eliminar todos los errores, está bien, especialmente porque ha reducido su número 2 veces. Hasta ahora, los motores de búsqueda no tienen en cuenta los errores de validación al clasificar los sitios. Pero eres excelente para decidir poner las cosas en orden, porque este trabajo definitivamente no será en vano.

7. Lin-80

   Lo correcto es comprobar si hay errores en su sitio web.

8. andrés

   gracias por el útil artículo, arreglé mis errores en el código

9. Ígor

   Me alegro por ti, Andrey. Gracias por tu comentario.

10. ludmila

    No puedes decirme cómo solucionar este problema, recién comencé a resolverlo, encontré dónde solucionarlo, pero no sé con qué arreglar este símbolo rojo.
    .. TP:/ / txtrk.com/tiz/c1tiz.php? ICS = 7354 & I av = 3809 & Adul = 1 & bcol = _EFEFEF y zcol = "+" y g...
    ✉
    Normalmente, se trata de errores en cascada causados ​​por una entidad de referencia indefinida o el uso de símbolos comerciales (&) no codificados en la URL y el texto del cuerpo. Vea publicaciones anteriores para más información.

11. Ígor

    Lyudmila, tienes un error en código javascript, que muestra un bloque de publicidad de TxTrek, lo que significa que recibiste el código de ellos y lo insertaste en la barra lateral, ¿verdad? Esto significa que aquí nada depende de ti. Por supuesto, puedes contactarlos y pedirles que limpien el código, pero esto es una pérdida de tiempo y esfuerzo. Para comenzar, edite el código en aquellos lugares donde esto sea posible, es decir, en los archivos de su tema y en los códigos recibidos de agregadores de publicidad y programas de afiliados No lo toques todavía, porque no todo depende de ti.

12. Vasili

    Igor, dime, lo que está resaltado en rojo es un código erróneo o este signo debería estar presente, pero falta.

13. ludmila

    Igor, muchas gracias por tu respuesta.

14. ludmila

    También quiero decir que su sitio me fue muy útil, gracias.

15. Ígor

    Vasily, depende de la naturaleza del error.

16. Ígor

    Me alegro mucho, Lyudmila. 🙂

17. Rashida Garifulina
18. Ígor

    Rashida, está bien si aparecen errores, porque el proyecto se está desarrollando y es completamente imposible prescindir de ellos. Sólo hace falta revisar de vez en cuando para asegurarte de que no se conviertan en una avalancha. Sí, en este sentido Yandex tampoco está libre de culpa.

19. Alejandro

    Buenas tardes, también estoy investigando mi sitio web ahora mismo... hubo problemas con los complementos de audio, lo eliminé... ahora dice que no se encontró el archivo: _http://alexandrrychko.ru/wp- contenido/plugins/wp-audio-player /css/audioplayer.css?ver=3.6: Extraviado que hacer..?

20. Ígor

    Alexander, ¿qué esperabas si eliminabas el complemento? Naturalmente, en este caso se produce un error 404.

21. ludmila
22. Alejandro

    Incluso antes de la eliminación, había errores en el reproductor de audio... por eso lo eliminé. Algún tipo de complementos torcidos))) ¿Cómo limpiarlo? Ahora ¿qué hay que eliminar?

23. Ígor