Share
La validación es, sin duda, uno de los aspectos más importantes de un buen diseño web. Y en un sistema de administración de contenido como WordPress, debe tener cuidado con su HTML y CSS tanto en su tema como en su contenido. En este tutorial, vamos a hablar sobre la validación de un sitio web de WordPress.
O, tal vez la mejor pregunta es cuál es el significado de la validación?
En pocas palabras, la validación de una página web significa hacer que el código de la página sea compatible con los estándares del World Wide Web Consortium (W3C). Esto generalmente se hace verificando la salida HTML y CSS de sus páginas web con una herramienta de validación. Al igual que hay reglas gramaticales en diferentes idiomas, también hay reglas en la programación de computadoras. La validación comprueba su página web para ver si la página sigue esas reglas.
Además de eso, también debemos mantener el código de nuestro tema compatible con los estándares de codificación de WordPress. Esto podría hacerse manualmente (teniendo sentido común al codificar un tema de WordPress) o usando herramientas como el famoso complemento Check Check.
¿Y por qué necesitamos validar, preguntas? Hay más de una respuesta. Echemos un vistazo:
Cuando comencé a jugar con HTML en 2005, codifiqué esas páginas web horribles, llenas de errores como el agrupamiento incorrecto de elementos u olvidando cerrar las etiquetas que abrí. CSS fue aún peor: solo un simple error de punto y coma o un error no detectable significaba que necesitaba más y más tiempo para mis experimentos y proyectos.
Pero incluso después de nueve años de duro trabajo, puedo cometer errores a pesar del hecho de que estoy casi Un experto en HTML y CSS. Afortunadamente, herramientas como el validador de HTML de W3C pueden ayudarnos a depurar casi todos los errores que haya en su código HTML. Ya sea pegando el código directamente, cargando el archivo HTML o enviando el URI de la página web, puede ver qué hizo mal en su código, dónde está el problema y sugerencias sobre cómo solucionarlo. Arreglar esos errores podría incluso prevenir mayores problemas..
Nunca olvides este hecho: las arañas de los motores de búsqueda. amor páginas web semánticas. Ayuda a los rastreadores a comprender mejor las páginas y, en las listas de SERP, naturalmente obtiene ventajas frente a las páginas que no validan..
Además, demuestra que cuidado acerca de su sitio web. Validar su página web significa que hizo un esfuerzo para tener una página web semántica estructural (o ya tiene las herramientas o el conocimiento para crear esa página). Esa es una gran ventaja para los motores de búsqueda y esa "gran ventaja" puede aumentar tu ranking.
¿Alguna vez has pensado en cómo un navegador? lee ¿una página web? Tienen "motores" para analizar el código y convertirlo en una experiencia visual para los seres humanos. Desafortunadamente, los diferentes navegadores web tienen motores diferentes y pueden resultar en el manejo de sus páginas de manera diferente.
En una página web válida, la mayoría de las diferencias son realmente pequeñas y aceptables para casi todo el mundo, pero una página web no válida puede leerse de forma tan diferente que las personas ni siquiera puedan ver sus páginas correctamente en sus iPhones, Kindles o cualquier navegador. utilizando. La validación corrige casi todas las grandes diferencias y hace que su página web sea legible para casi todos los navegadores web.
Ahora sabemos por qué Debemos validar nuestras páginas web, veamos cómo para hacerlo. Para omitir la charla doble, no voy a mencionar que necesita validar el contenido de su publicación; Pero tenga en cuenta que la mayoría de las cosas que diré también se refieren al contenido que escribe en las publicaciones y páginas de WordPress..
El servicio de validación de marcado HTML de W3C es probablemente la herramienta más fácil y más popular disponible para verificar y validar su página web. Con esta herramienta, puede detectar casi todos los errores de validación que van desde la falta de atributos ALT para sus etiquetas IMG hasta la colocación de un elemento de nivel de bloque dentro de un elemento en línea.
Puede calificar su código HTML dando la dirección de su página web, cargando el archivo HTML o pegando el código HTML directamente.
Al igual que la herramienta de validación de HTML, el servicio de validación de CSS de W3C es la herramienta de validación de CSS más popular en la web. Y al igual que el validador de HTML, puede validar su CSS pegando el URI, cargando un archivo CSS o pegando su código directamente.
Tenga en cuenta que esta herramienta detectará los "hacks CSS" como errores y, para mantenerse válido, debe encontrar otra forma de admitir navegadores más antiguos..
Aunque no es muy popular, la "validación de feeds" es otro de los aspectos importantes de la validación de su sitio web. Y puede verificar su alimentación de WordPress contra errores con el Servicio de Validación de Alimentaciones de W3C para Atom y RSS. Afortunadamente (y naturalmente) las fuentes predeterminadas de WordPress se validan perfectamente, por lo que probablemente ya sean válidas si no estás utilizando un complemento para manipular las fuentes..
Además, hay una herramienta notable llamada Unicorn by W3C, que es básicamente un validador unificado. Aunque parece una aplicación de código abierto descontinuada, aún da resultados satisfactorios sobre HTML, CSS, feed y la validación i18n. La página de resultados es un poco confusa, pero si alguna vez necesita obtener resultados de varias pruebas de validación, le encantará esta herramienta..
Junto con los estándares de W3C, WordPress también tiene sus estándares:
El complemento Theme Check inspecciona su tema sobre estos estándares, especialmente los estándares de "revisión de tema". El resultado puede ser deprimente y motivador, así que no pierdas la esperanza y trata de eliminar los errores para crear un fantástico tema de WordPress.
Justo cuando comencé a escribir este artículo, apareció un nuevo sitio web llamado ThemeCheck.org que hace exactamente lo que hace el complemento Theme Check. No tienes que instalar el complemento Theme Check; en su lugar, puede cargar su tema en el sitio web y obtener su puntaje junto con recomendaciones para mejorar su tema (si es necesario). Además, puedes compartir el puntaje de validación de tu tema colocando la insignia provista por ellos. Limpio, no es?
La validación de su sitio web es esencial, no hay duda al respecto. Siempre que valide sus páginas web y las mantenga para que sigan siendo válidas, solo se beneficiará de ellas..
¿Qué opinas sobre la importancia de la validación? ¡Contribuye a este artículo con tus comentarios! Y si te gustó este tutorial, no olvides compartirlo con tus amigos.!
Accentsconagua