En esta publicación, propongo que una combinación de marcado válido, accesible y suitable con los motores de búsqueda es la receta perfecta para un diseño net óptimo.
Para que el marcado sea válidodebe ajustarse a las directrices establecidas por el “organismo rector” de la estandarización HTML: el World Broad Net Consortium o W3C. Mientras Web espera ansiosamente que HTML5 cambio de estatus de candidato a recomendaciónestamos atrapados con el antiguo estándar HTML 4.01 (est. 1999) según lo establecido por el W3C. Naturalmente, HTML5 ya cuenta con un amplio apoyo en todos los principales navegadoresy puede (y debe) incorporarse al diseño net sin dudarlo.
Accesibilidad aquí significa que el marcado sigue las recomendaciones del Pautas de accesibilidad al contenido net (WCAG). WCAG es desarrollado por Net Accessilibity Initiative (WAI), también diseñado por W3C. Las pautas, ahora maduradas a su versión 2.0 (desde 2008), proporcionan una lista de pasos a considerar durante el diseño net. Estos pasos tienen como objetivo hacer que las páginas sean accesibles para usuarios con discapacidades, y también para diferentes plataformas y agentes de usuario, como dispositivos móviles.
Finalmente, suitable con motores de búsqueda El marcado sigue las mejores prácticas identificadas por la enorme comunidad de search engine marketing, y todos trabajan para descubrir las mejores formas de hacerse amigo de los esquivos motores de búsqueda que gobiernan nuestra vida diaria en la net. Existe un suministro aparentemente interminable de buenas guías de search engine marketing para optimizar el diseño net, pero si el tema es nuevo para usted, también puede comenzar con Guía para principiantes de SEOmoz.
incógnita
El boletín a fuego lento
Suscríbete al Boletín a fuego lento para recibir las últimas noticias y contenido de Simo Ahava en su bandeja de entrada de correo electrónico.
El marcado óptimo es bueno para su diseño net
En nuestro camino hacia la búsqueda de las mejores prácticas, es decir, la combinación perfecta de recomendaciones, dejemos una cosa clara. Es un hecho evidente, inalienable y dado por la naturaleza que su marcado debe ser 100% válido. Aunque el estándar HTML es sólo una recomendación, lo que significa que los navegadores net pueden evitar un marcado deficiente, no hay razón para ser negligentes al respecto.
Por un lado, un marcado no válido es un signo de descuido. Los diseñadores net deben enorgullecerse de crear marcas claras, legibles y que pasen pruebas de validacion. Además, un marcado válido es siempre un requisito para la accesibilidad y el search engine marketing. No existe ningún marcado que sea suitable con los motores de búsqueda o accesible y que no sea válido al mismo tiempo. Entonces, si su marcado es válido, está en camino de optimizarlo también para WCAG y search engine marketing.
Encontrar el marcado óptimo para W3C, WCAG y search engine marketing es el santo grial del diseño net
Depende de usted si desea promover la accesibilidad de su sitio o la compatibilidad con los motores de búsqueda. La mayoría de las cosas que hagas para search engine marketing también se aplicarán a las WCAG y viceversa. Tenga en cuenta que hay elementos prohibidos en uno pero aceptados en el otro, y hay elementos que tienen relevancia sólo para uno pero no para el otro. En tus esfuerzos de diseño net, te recomiendo que prestes atención a las reglas y tomes nota de las recomendaciones. Siempre puedes intentar hacer que tu sitio net sea lo más accesible, amigable para los motores de búsqueda y válido como sea posible, pero esta publicación busca encontrar la estrategia mínima necesaria para encontrar el santo grial del marcado óptimo.
las directrices
Lo que sigue es esencialmente una lista de verificación para sus necesidades de diseño net. Lo he dividido para que primero veas las recomendaciones que comparten search engine marketing y WCAG. A continuación se encuentran las recomendaciones específicas de search engine marketing o WCAG. Una bombilla verde significa que el artículo es un requisito. Una bombilla amarilla significa que el artículo es una recomendación (o tiene algún otro significado). Una bombilla roja significa que el artículo está prohibido y un guión significa que el artículo no tiene relevancia (significativa). Tenga en cuenta que los criterios de validación del W3C no están enumerados, como mencioné anteriormente, independientemente de las recomendaciones o pautas, asegúrese de que su HTML sea siempre 100% válido.
Para las pautas WCAG, utilizo las recomendaciones en Lista de verificación WCAG 2.0 de WebAIM. Kevin Vertommen ha proporcionado una maravillosa Lista de verificación de search engine marketing para diseñadores netal que también me refiero aquí. Tenga en cuenta aquí también que debido a que las mejores prácticas de search engine marketing son bastante subjetivas y generalmente requieren contexto para funcionar bien, he usado mi criterio sobre lo que es más a menudo las mejores prácticas para cada recomendación. Esto significa que debes tomarlo con cautela y tratarlo como un requisito sólo si es relevante para tu caso explicit de search engine marketing.
Descargue el cuadro completo en formato PDF (Cuadro comparativo de directrices search engine marketing y WCAG.pdf).
En el fragmento anterior solo incluí aquellas recomendaciones que se aplican tanto a las pautas search engine marketing como a las WCAG, para bien o para mal. El PDF contiene el gráfico completo. La mayoría de las recomendaciones presentadas por WCAG y search engine marketing son relevantes para uno pero no para el otro. Como puede ver en la imagen de arriba, identifiqué solo tres recomendaciones como posiblemente dañinas y solo eran perjudiciales para el search engine marketing. Se evitan fácilmente, ya que debería intentar prescindir de los marcos, y el texto ALT nulo simplemente no tiene justificación. Si tiene imágenes que no tienen ningún propósito de contenido, conviértalas en elementos de fondo mediante CSS.
Debido a que el search engine marketing es lo único que puede verse perjudicado si sigues todas las pautas con diligencia, implicaría que deberías hacer del seguimiento de las pautas de search engine marketing una prioridad. Entonces, al escribir marcas 1) asegúrate de que sea válido2) asegúrese de que su página cumpla con todas las mejores prácticas de search engine marketingy solo entonces 3) asegúrese de que su página siga las recomendaciones WCAG. Sólo tenga cuidado con el uso de marcos y texto ALT nulo, y lo hará bien.
El PDF no es completo, pero sirve como una buena “lista de verificación” para verificar si su sitio cumple con las pautas de accesibilidad y optimización de búsqueda. No es un mal hábito familiarizarse con estas pautas e incorporarlas a su rutina de diseño net. Una vez que se asegure de que su HTML sea válido, accesible y suitable con los motores de búsqueda, podrá estar seguro de que está haciendo su parte para hacer de Web un lugar mejor.