Martes, 21 de diciembre de 2010
Publicado originalmente en el
Google Grants Blog
A medida que se acercan las fiestas, todos tenemos un poco de mantenimiento que hacer. Precisamente por eso quisimos enfocar la segunda publicación de nuestra
serie de clínicas web
en la limpieza de su código fuente. A lo largo de nuestro análisis de los sitios web de organizaciones sin fines de lucro enviados, notamos cierta confusión sobre qué etiquetas o marcado HTML usar y qué contenido colocar dentro de ellas, los cuales podrían tener un impacto significativo en los usuarios y en cómo se ve su sitio web en la página de resultados de búsqueda.
Antes de decorar la casa, decore sus elementos <title>elementos
De todos los sitios web de organizaciones sin fines de lucro enviados, el 27% usaba mal sus <title>
elementos, que son fundamentales para que tanto Google como los usuarios sepan qué es importante para su sitio web. Por lo general, un motor de búsqueda mostrará ~60 caracteres de su elemento de título; ¡este es un espacio valioso, así que debe usarlo! Antes de entrar en el código real, echemos un vistazo primero a cómo un excelente elemento de título de uno de nuestros sitios enviados,
Sharp, aparecerá en la página de resultados de búsqueda:
Idealmente, un gran <title> elemento incluirá el nombre de la organización, junto con un eslogan descriptivo. Echemos un vistazo a algunos ejemplos enviados:
| Organización | <title> código fuente | Facilidad de uso | Comportamiento de las etiquetas |
| Sharp | <title>Top San Diego Doctors and Hospitals - Sharp HealthCare</title> | Mejor | Incluye el nombre de la organización y un eslogan descriptivo |
| Interieur | <title>Interieur 2010 - 15-24 October Kortrijk, Belgium</title> | Bueno | Incluye el nombre de la organización y un eslogan no descriptivo |
| VAMS International | <title>Visual Arts and Music for Society | VAMS International</title> | Regular | Incluye solo el nombre de la organización |
Si no especifica una etiqueta <title> , Google intentará crear un título para usted. Probablemente pueda hacerlo mejor que nuestra mejor suposición, así que ¡hágalo: tome el control de su etiqueta
<title> ! Es una solución simple que puede marcar una gran diferencia. El uso de etiquetas
<title> específicas para sus URL más profundas también es importante, y lo abordaremos en nuestra próxima publicación de la clínica web.
Vigile sus etiquetas meta de descripción
Etiquetas meta de descripción
no se estaban utilizando en todo su potencial en el 54% de los sitios enviados. Estas etiquetas se utilizan a menudo para rellenar el fragmento de dos líneas proporcionado a los usuarios en la página de resultados de búsqueda. Con un fragmento sólido, puede entusiasmar a sus lectores potenciales y prepararlos para obtener más información sobre su organización. Echemos otro vistazo a un buen ejemplo entre los sitios enviados,
Tales of Aussie Rescue:
Si las etiquetas meta de descripción están ausentes o no son relevantes, se elegirá automáticamente un fragmento del contenido de la página. Si tiene suerte y se selecciona automáticamente un buen fragmento, tenga en cuenta que los motores de búsqueda varían en la forma en que seleccionan los fragmentos, por lo que es mejor mantener las cosas coherentes y relevantes escribiendo una etiqueta meta de descripción
sólida. <h> Mantenga sus
elementos en su lugar <h2> Otra solución rápida es asegurarse de que su sitio web haga un uso adecuado de las etiquetas de encabezado. En nuestro estudio de organizaciones sin fines de lucro, casi el 19% de los sitios enviados tenían margen de mejora con los elementos de encabezado. El problema más común en las etiquetas de encabezado era la tendencia a iniciar los encabezados con una etiqueta <h3> o
<h1> sin incluir una etiqueta
, presumiblemente por razones estéticas. <h1> Los encabezados le brindan la oportunidad de decirle tanto a Google como a los usuarios qué es importante para usted y su sitio web. Cuanto menor sea el número en su etiqueta de encabezado, más importante será el texto a los ojos de Google y de sus usuarios. ¡Aproveche esa etiqueta <h1> ! Si no le gusta cómo se visualiza una etiqueta
, siempre puede alterar su apariencia en su CSS.
Use texto alternativo para las imágenes
- Todo el mundo siempre está orgulloso de mostrar sus fotos familiares en la temporada navideña, но no olvide decirnos de qué tratan. Más del 37% de los sitios analizados no hacían un uso adecuado del atributo alt de la imagen. Si se usa correctamente, este atributo puede:
- Ayudar a Google a comprender de qué trata su imagen
Permitir que los usuarios en navegadores de solo texto, con problemas de accesibilidad o en dispositivos limitados comprendan sus imágenes
| Tenga en cuenta que el texto alternativo rico y descriptivo es la clave aquí. Echemos otro vistazo a algunos de nuestros sitios enviados y su uso del atributo alt: | Organización | Código fuente | Facilidad de uso |
| Comportamiento de las etiquetas | Sponsor A Puppy | <img alt=”Sponsor a Puppy logo” src=”…” /> | Mejor: el texto alternativo especifica que la imagen es el logotipo principal de la organización |
| Utiliza un texto alternativo rico y descriptivo para describir imágenes, botones y logotipos | Philanthropedia | <img alt=”Logo” height=”…” />y bueno: el texto alternativo especifica que la imagen es un logotipo, pero no lo describe más por la organización o su comportamiento | Usa texto alternativo no descriptivo para imágenes, botones y logotipos, o usa texto alternativo solo esporádicamente |
| Coastal Community Foundation | <img src="..." /> | No es ideal: texto alternativo no presente | No usa texto alternativo, o usa texto que no aporta significado (se ve a menudo al numerar las imágenes) |
Un pequeño vistazo para tus propósitos de Año Nuevo
Google tiene excelentes recursos para profundizar en las mejores prácticas de tu código fuente. Para
empezar, puedes usar nuestra
HTML Suggestion Tool
en Webmaster Tools. Además, siempre es una buena práctica hacer que tu sitio sea
accesible para todos los usuarios.
Cómo lo aplicamos
Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.
Servicios relacionados