7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. WordPress

Cómo validar eficazmente un sitio web de WordPress

Scroll to top
Read Time: 7 mins

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

La validación es sin duda uno de los aspectos más importantes del buen diseño web. Y en un sistema de gestión de contenidos como WordPress, debes tener cuidado con tu HTML y tu CSS tanto en tu tema como en tu contenido. En este tutorial, vamos a hablar sobre la validación de un sitio web de WordPress.

¿Por qué validar un sitio web?

O, tal vez sea mejor preguntar ¿cuál es el sentido de la validación?

En pocas palabras, la validación de una página web significa hacer que su código cumpla con los estándares del World Wide Web Consortium (W3C). Esto se hace generalmente comprobando la salida HTML y CSS de tus páginas web con una herramienta de validación. Al igual que hay reglas gramaticales en los distintos idiomas, también hay reglas en la programación informática. La validación comprueba la página web para ver si la página sigue esas reglas.

Además de eso, también necesitamos mantener el código de nuestro tema conforme 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 plugin Theme Check.

¿Y por qué tenemos que validar? Hay más de una respuesta. Echemos un vistazo:

La validación te permite depurar tus páginas

Cuando comencé a jugar con HTML en 2005, codifiqué esas páginas web horribles, llenas de errores como el anidamiento incorrecto de elementos o el olvido de cerrar etiquetas que había abierto. En el caso del CSS fue aún peor: la simple omisión de un punto y coma o un error tipográfico indetectable implicaba que necesitaba más y más tiempo para mis experimentos y proyectos.

Pero incluso tras de nueve años de duro trabajo, y a pesar del hecho de que soy casi un experto en HTML y CSS, todavía puedo cometer errores. Afortunadamente, herramientas como el validador HTML de W3C pueden ayudarnos a depurar casi todos los errores existentes en tu código HTML. Ya sea pegando el código directamente, cargando el archivo HTML o enviando el URI de la página web, puedes comprobar qué error cometiste en el código, dónde está el problema y sugerencias sobre cómo solucionarlo. Corregir esos errores podría incluso evitar problemas mayores.

La validación proporciona mejores resultados SEO

No olvides nunca este hecho: Las arañas del motor de búsqueda aman las páginas web semánticas. Ayuda a esos rastreadores a entender mejor las páginas y en los listados SERP, obtendrás de forma natural ventaja sobre las páginas que no estén validadas.

Además, demuestra que te preocupas por tu sitio web. Validar tu página web significa que has hecho un esfuerzo para tener una página web estructurada y semántica (o que ya tiene las herramientas o el conocimiento para crear esa página). Eso es una "gran plus" para los motores de búsqueda y ese "enorme plus" puede mejorar tu posicionamiento.

La validación hace que tu sitio web sea más accesible y compatible

¿Has pensado alguna vez en cómo lee una página web un navegador web? Tienen "motores" para analizar el código y transformarlo en una experiencia visual para los seres humanos. Desafortunadamente, diferentes navegadores web tienen diferentes motores y eso puede resultar en una forma diferente de gestionar tus páginas.

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 podría leerse de maneras tan diferentes que la gente no podría siquiera ser capaz de visualizar tus páginas correctamente en sus iPhones, Kindles o cualquier navegador que puedan estar utilizando. La validación corrige casi todas las principales diferencias y hace que tu página web sea legible por casi todos los navegadores web.

Herramientas de validación para tu sitio web de WordPress

Ahora sabemos por qué debemos validar nuestras páginas web, vamos a ver cómo hacerlo. Con el fin de evitar repetir la charla dos veces, no voy a mencionar que tienes validar los contenidos de tu publicación; pero ten en cuenta que la mayoría de las cosas que diré también son aplicables al contenido que escribes en las entradas y páginas de WordPress.

Validación del código HTML

El servicio de validación de marcado HTML de W3C es probablemente la herramienta más sencilla y popular disponible para comprobar y validar tu página web. Con esta herramienta, puedes detectar casi todos los errores de validación que van desde la falta de atributos ALT para las etiquetas IMG hasta la colocación de un elemento de nivel de bloque dentro de un elemento en línea.

Puede calificar tu código HTML si proporcionas la dirección de tu página web, si cargas el archivo HTML o si pegas el código HTML directamente.

Validación de estilos CSS

Al igual que la herramienta de validación HTML, el servicio de validación CSS de W3C es la herramienta de validación CSS más popular en la web. Y al igual que el validador HTML, puede validar tu CSS pegando el URI, cargando un archivo CSS o pegando el código directamente.

Ten en cuenta que esta herramienta detectará "trucos CSS" como errores y para mantenerla válida, es necesario encontrar otra manera de dar soporte a navegadores más antiguos.

Validación de feeds de WordPress

Aunque no es muy popular, la "validación de feeds" es otro de los aspectos importantes de la validación de tu sitio web. Y puedes comprobar tu feed de WordPress para encontrar errores con el servicio de validación de feeds de W3C para Atom y RSS. Por suerte, y naturalmente, los feeds predeterminados de WordPress validan perfectamente, por lo que tus feeds probablemente ya sean válidos a no ser que estés usando un plugin para manipular feeds.

Además, hay una notable herramienta llamada Unicorn by W3C, que básicamente es un validador unificado. Aunque parece una aplicación de código abierto discontinuada, todavía proporciona resultados satisfactorios sobre el código HTML, CSS, el feed y validación de i18n. La página de resultados es un poco confusa, pero si alguna vez necesitas obtener resultados de varias pruebas de validación, te encantará esta herramienta.

Validación de tu tema de WordPress con Theme Check

Además de los estándares de W3C, WordPress tiene también sus propios estándares:

  • En los estándares de código PHP se incluye el uso correcto de las comillas simples y dobles, el uso en todo momento de etiquetas PHP completas, el uso correcto de los espacios en blanco, el uso de las condiciones Yoda y así sucesivamente.
  • Los estándares de codificación HTML hacen referencia a escribir código HTML válido; utilizando los valores de atributo con caracteres en minúsculas, encerrando los valores de atributo entre comillas, utilizando espacios en blanco con sangría lógica, etc.
  • En los estándares de código CSS se incluye la estructuración correcta de la hoja de estilos, el uso de nombres en minúsculas (con guiones para separar palabras) en los selectores, ordenar perfectamente las propiedades, realizar comentarios, etc.
  • Los estándares de código de JavaScript nos demandan que usemos las llaves adecuadamente, que nombremos las funciones y las variables con "camelCase", es decir, escribiendo la primera letra de cada palabra con mayúsculas, definiendo una función anónima si se va a usar jQuery, etc.
  • En los estándares de revisión de temas se incluye la escritura de código de calidad (obviamente), la separación de la funcionalidad mediante el uso de plugins, el empleo correcto de las etiquetas de plantilla y los ganchos, el soporte a las clases CSS generadas por WordPress, la seguridad del tema, el uso adecuado de las licencias, la adecuada organización de los archivos del tema, la escritura de suficiente documentación... ¡Son demasiadas cosas!

El plugin Theme Check inspecciona tu tema bajo estos estándares, especialmente los estándares de "revisión de tema". El resultado puede ser al mismo tiempo deprimente y motivador, así que no pierdas la esperanza y trata de eliminar los errores para construir un fantástico tema de WordPress.

Justo cuando empecé a escribir este artículo, apareció un nuevo sitio web denominado ThemeCheck.org que hace exactamente lo mismo que hace el plugin Theme Check. No hace falta que instales el plugin Theme Check; en su lugar, puedes subir tu tema al sitio web y obtener tu puntuación acompañada de recomendaciones para mejorar tu tema (si lo necesitas). Además, puedes compartir la puntuación de la validación de tu tema colocando la insignia que ellos te proporcionan. Estupendo, ¿no?

Resumiendo

Validar tu sitio web es esencial, no hay duda al respecto. Siempre y cuando valides tus páginas web y las mantenga válidas, solo puede proporcionarte beneficios.

¿Qué opinas de la importancia de la validación? ¡Contribuye a este artículo con tus comentarios! Y si te gustó este tutorial, ¡no te olvides de compartirlo con tus amigos!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.