Ejemplo. Si, supongamos, las etiquetas son incorrectas
(en particular, falta el elemento de cierre), entonces el motor de búsqueda no corregirá nada; lo interpretará tal como está escrito en blanco y negro en el código. Como resultado, pueden surgir consecuencias relacionadas con la promoción del sitio. ¿Es importante el diseño válido en la promoción de un sitio web?
En teoría, sí, pero en la práctica resulta que hay muchos sitios con errores de validación en la parte superior y los sitios con errores generalmente se mueven bien. Los problemas con la promoción sólo pueden ocurrir si su sitio no se muestra correctamente en un determinado tipo de dispositivo o en un determinado navegador. Si se ve bien, pero hay errores en la validación, esto no tendrá ningún impacto en la promoción.
Algunos webmasters han investigado específicamente este tema, tratando de descubrir si los resultados de clasificación dependen de los resultados de validación. El webmaster Mark Daost señaló que la validez del código no es fundamental. Shaun Anderson, por el contrario, llegó a la conclusión de que la validez es como un bálsamo para el alma de un sitio en términos de clasificación de búsqueda.
Otro especialista, Mike Davidson, también realizó un experimento similar y llegó a la conclusión de que Google clasifica las páginas según la calidad de su redacción. Por ejemplo, una etiqueta abierta puede hacer que un contenido se perciba como el valor de esa etiqueta.
Este webmaster destacó un punto muy importante:
Es imposible decir con certeza en qué medida la clasificación depende de la validez del código, pero es absolutamente seguro que las deficiencias existentes pueden llevar a que páginas o todo el sitio sean eliminados del índice del motor de búsqueda. ¿Por qué se necesita un código válido?
Además, es muy posible que en un navegador su sitio se muestre como usted lo configuró y en otro, de manera completamente diferente. La imagen puede estar torcida y el contenido puede volverse completamente ilegible.
Como resultado, pierde tráfico desde este navegador. Además, factor de comportamiento , que es uno de los tres más factores importantes en SEO, afecta significativamente los resultados de búsqueda.
Imagine que los visitantes llegan a su sitio y lo cierran inmediatamente debido a la incapacidad de percibir la información, debido a errores en el código. O generalmente vuelven al buscador porque no se ha encontrado una solución. Todo esto no servirá de nada, porque al final el factor de comportamiento empeorará la posición del sitio.
Cómo comprobar la validez de un sitio Para comprobar la integridad del código, suelen utilizar el muy útil sitio de validación "Markup Validation Service", ubicado en: http://validator.w3.org, creado por el W3C.
HTML
Aquí tienes tres opciones de validación:
ingrese la URL de la página;
cargue el archivo de código desde su computadora;
insertar código listo en forma.
El servicio indica no sólo errores html código y su ubicación, pero también brinda consejos para su corrección. Si el código ya está disponible en la Web, puede validarlo ingresando su URL en el formulario "Validar por URL" y haciendo clic en el botón Verificar. El validador HTML permitirá la lectura del código e informará los resultados.
Debe ingresar la URL exacta de la página URL que está verificando. No se comprobará todo el sitio. Ingrese la dirección del sitio web; solo su página de inicio se considera un programa. Si se encuentra algún comentario, se emite un aviso de nulidad. código de programa y luego se indican las líneas con errores.
Este vídeo explica claramente el proceso de verificación mediante un validador:
Comprobando archivos locales En la misma dirección http://validator.w3.org puedes consultar el código seleccionando la pestaña “Validar mediante carga de archivo” y subiendo un documento con el código escrito.
Eligiendo el camino hacia archivo requerido y haga clic en Verificar. Entonces todo sucede de la misma manera.
Usando el formulario para ingresar un código A veces es más conveniente insertar inmediatamente el código de la página y verificarlo en línea: seleccione la pestaña "Validar por entrada directa" y envíe todo el código al servidor.
CSS
La validez del código CSS también se puede comprobar mediante un validador en línea: https://jigsaw.w3.org/css-validator/
Aquí todo está en ruso, para muchos esto es una sorpresa realmente agradable.
Nuevamente, puede optar por ingresar una URL, cargar su archivo o pegar el código.
Se comprueba el sitio en busca de errores, como en el caso de HTML, y recibimos una respuesta del servidor. No hay configuraciones de verificación, pero puede examinar la propuesta generada. código válido , ubicado después de la lista de fallas de código.
Estudiamos el código resultante y llevamos el original a la forma deseada.
Extensiones del navegador Existen todo tipo de extensiones de validación para navegadores. Para Google Chrome existe el complemento HTML Tidy Browser Extension que verifica la validez del código, para Opera - la extensión Validator, para Safari - Zappatic, para Firefor - HTML Validator.
Veamos esto último con más detalle. Realiza la misma verificación que el validador, solo que sin conexión. Puedes conseguirlo aquí http://users.skynet.be/mgueury/mozilla/
Instale la extensión, reinicie el navegador y podrá comenzar a trabajar de inmediato. Si tienes algún problema con la instalación, puedes escribir al soporte de Mozilla Firefox o consultar el foro. http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing
Vídeo detallado sobre instalando HTML Validador y su uso:
Al cargar cualquier extensión de URL Se enciende automáticamente y lee el código. El resultado es visible en la esquina superior derecha.
El resultado parece una pequeña imagen con el resultado de la validación:
Al hacer clic en el resultado, puede abrir:
Cómo solucionar los errores más comunes No importa cómo se verifique el código, los errores aparecen en una lista. También se debe indicar la línea con el defecto.
Antes de editar el código, por si acaso, deberías hacer copia de reserva plantilla de sitio web.
En la extensión de Firefox, cuando hace clic en el nombre del error en la ventana de extensión abierta, se le redirige automáticamente a una línea con un código no válido.
Estos mismos errores contienen consejos sobre cómo corregirlos.
1. Sin espacios entre atributos.
Aquí las correcciones son para eliminar el “punto y coma”.
2. Etiqueta final para el elemento "div" que no está abierto
Cierre etiqueta div extra. Eliminémoslo.
no lo sabes bien idioma en Inglés (y todo se describe siempre allí)? Copie el código de error y péguelo en un motor de búsqueda. Probablemente algún webmaster o maquetador ya haya descrito un tema similar, por lo que siempre encontrará una manera de solucionar el problema en recursos especializados.
Aunque, para ser honesto, no dedicaría mucho esfuerzo a corregir errores en el código. Es mejor simplemente asegurarse de que el sitio se vea correcto en todos los dispositivos y navegadores.
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. 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 en los orígenes del desarrollo de las primeras versiones de HTML (Hyper Text Markup Language, o marcado de hipertexto ) y se convirtieron en los pioneros de la World Wide Web, que poco a poco fue ganando 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ó el 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 aconsejable que inicialmente validador html -code y css produjeron el siguiente resultado:
Después de instalar complementos y complementos, consulte también el blog para identificar inmediatamente los problemas y sus fuentes.
Para comprobar la validación de la página existen diferentes servicios en línea . 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".
A la derecha está el número de errores (cruz roja) y advertencias (signo de exclamación amarillo).
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 sugerencias verificando la validación del código CSS y HTML en programas individuales.
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 comprobará si hay errores en código fuente páginas directamente en el navegador. Se llama "Validador HTML".
Permítanme recordarles también que además de html y css, también existe . 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 dañar 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.
