Buscador

Mostrando entradas con la etiqueta SEO. Mostrar todas las entradas
Mostrando entradas con la etiqueta SEO. Mostrar todas las entradas

lunes, 28 de diciembre de 2015

La accesibilidad y el SEO van de la mano

Eso es lo que dice el artículo Accessibility, usability and SEO go hand in hand:
I think there are two parts to the answer: the first one is to clarify that web accessibility is not just to create a comfortable environment for people with disabilities but for all users. It’s about ensuring that all parts of the website can be navigated easily, that interaction happens naturally and that all users understand the website without having to spend hours studying it.
The second question is how web accessibility influences website architecture. I assume that you mean both information architecture (IA) and technical architecture. Good web accessibility is about ensuring that the site is organized in a meaningful and logical manner, in order to help users with the task of navigation and comprehension. IA is a tool or technique that can help achieve that goal. In addition to that, the technical platform needs to be made accessible to both users and search engine bots.  So things like navigation, labeling, shallow vs deep website structure are often key to effective content findability and discovery, particularly when it comes to indexation of large websites. Web accessibility does clearly influence website architecture by demanding standards-compliant techniques (HTML sitemaps, HTML5 vs jQuery, not using Javascript for navigation, etc.)
Y cinco cosas que mejoran tanto la accesibilidad como el SEO:

  • Semantic Markup (descriptive & hierarchical headings, page titles etc.)
  • ​Descriptive Link text (anchor text)
  • Image optimisation (both in caption and alt tag)
  • Recommendations to make the site architecture crawlable
  • Writing short, concise and memorable urls

martes, 2 de junio de 2015

Fíate de lo que te dicen los expertos en SEO

El artículo Understanding "ALT" tags for images me ha dejado helado. Este artículo está alojado en la web de una empresa que se dedica al hosting y al desarrollo web.

El artículo repite varias veces el término "ALT tag", la etiqueta ALT. Bueno, ALT no es una etiqueta, es un atributo.

El artículo explica las dos principales razones para usar "la etiqueta ALT":
There are two primary reasons for this: The first is search engine optimization (SEO). Alt tags are a very crucial part of image SEO, and image SEO can be a great way for webmasters to improve their site’s ranking in natural search results. The other reason is that alt tags can create significant improvements to an end user’s experience. 
¿Cómo? ¿Y dónde queda eso de que el atributo alt se emplea para mejorar la accesibilidad de las imágenes?

Sorprende la gente que hay por ahí y se dedica al desarrollo web.

miércoles, 26 de febrero de 2014

Accesibilidad web y SEO

En el libro Pioneros y hacedores que comentaba el otro día, Olga Carreras tiene un capítulo dedicado a la Accesibilidad web y SEO. Olga tiene publicado en su blog parte de este capítulo en el artículo SEO y Accesibilidad. Accesible también para buscadores.

Yo también he tratado un par de veces este tema:

lunes, 25 de febrero de 2013

Vídeos subtitulados, accesibilidad y SEO

El artículo Video Captioning: Win/Win for accessibility and SEO (Part 1 of 2) y su segunda parte nos recuerda la importancia de subtitular los vídeos.

El artículo dice que subtitular los vídeos es una estrategia win-win (todos ganan, o todo son ventajas):
  • Los subtítulos y las transcripciones ayudan al posicionamiento, ya que cada vez hay más contenido en formato vídeo y los buscadores tienen en cuenta los subtítulos y las transcripciones para el posicionamiento.
  • Los subtítulos mejoran la accesibilidad de los contenidos, no sólo de cara a las personas con discapacidad, sino de cara a todos los usuarios (usuarios que no pueden escuchar el audio porque hace mucho ruido, porque el audio no está en su lengua nativa, etc.)

miércoles, 30 de enero de 2013

Cómo beneficia la accesibilidad web al SEO

Hace un par de años (noviembre 2010) escribí el artículo Accesibilidad y SEO, en el que relacionaba la accesibilidad y el SEO (Search engine optimization), la optimización para motores de búsqueda.

Muchas de las cosas que se hacen para mejorar la accesibilidad también mejoran el posicionamiento. En el artículo The SEO Benefits of Website Accessibility nos cuentan que un sitio web accesible mejora su posicionamiento por el empleo de características como los textos alternativos para las imágenes y otros elementos no textuales (el atributo alt), el uso adecuado de los encabezados (h1, h2, h3, etc.), los enlaces claros y significativos, el título único para cada página, etc.

Incluso el WAI tiene un apartado en su artículo Financial Factors in Developing a Web Accessibility Business Case for Your Organization en el que se explica cómo la accesibilidad puede beneficiar al SEO:
Increases findability with search engine optimization (SEO)Accessibility techniques increase the findability of web pages by exposing content to search engines, both internally (within a website) and externally (across the World Wide Web). For example:
  • Alternative text for images and multimedia is available to search engines 
  • (WCAG 2.0 success criteria 1.1.1, 1.2.1, 1.2.8; WCAG 1.0 checkpoint 1.1)
  • Most search engines access text and not images 
  • (WCAG 2.0 success criteria 1.4.5, 1.4.9; WCAG 1.0 checkpoint 3.1)
  • Some search engines give higher weight to text that is marked up as headings 
  • (WCAG 2.0 success criteria 1.3.1, 2.4.10; WCAG 1.0 checkpoint 3.5)
  • Some search engines are unable to access some script-generated content such as mouse-overs
  • (WCAG 2.0 success criteria 2.1.1)
Additional perspectives on the benefits of accessibility for SEO are available on the Web.

lunes, 30 de abril de 2012

Cómo hay que crear el contenido web para que sea efectivo


¿Cómo hay que crear el contenido web para que sea efectivo, para que sea útil y los visitantes estén dispuestos a dedicar unos minutos de su ocupada vida a leerlo?

En el artículo How to Create Web Content that Works proporciona 20 consejos que pueden ayudar a crear un contenido efectivo. Me ha llamado la atención porque algunos de los consejos coinciden plenamente con algunos consejos de la accesibilidad web. En realidad, cuando hablamos de estándares, diseño, usabilidad, accesibilidad, SEO o experiencia de usuario, todo ello se puede resumir en una sola palabra: CALIDAD. Todo lo anterior, y otras cosas, son factores que influyen en que un sitio web sea malo, bueno o excelente.

Los consejos que aparecen en este artículo son (a continuación del consejo, destacado en negrita, he puesto algunos ejemplos de puntos de verificación de WCAG 1.0 que guardan relación con el consejo):

  1. El contenido tiene que ser corto, preciso y bien presentado.
    1. 12.3 Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado.
    2. 13.1 Identifique claramente el objetivo de cada vínculo.
    3. 14.1 Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio.
  2. Pon el contenido más importante al principio de la página.
    1. 13.8 Localice la información destacada al principio de los encabezamientos, párrafos, listas, etc.
  3. El titular de la página es tan importante como el contenido mismo.
    1. 12.1 Titule cada marco para facilitar su identificación y navegación.
  4. Utiliza los encabezados para estructura el contenido. Añade una tabla de contenido si la página es larga. Utiliza los estilos visuales (negrita, cursiva, etc.) para destacar las partes más importantes. Utiliza párrafos cortos.
    1. 3.5 Utilice elementos de encabezado para transmitir la estructura lógica y utilícelos de acuerdo con la especificación.
    2. 12.3 Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado.
  5. Evita la jerga, los acrónimos y el contenido con un lenguaje complejo.
    1. 4.2 Especifique la expansión de cada abreviatura o acrónimo cuando aparezcan por primera vez en el documento.
  6. Cuando tengas cantidades, proporciona información adicional que permita comparar la cantidad para saber cómo de grande o de pequeña es.
  7. Ponte en la piel del lector y proporcionale la información que busca.
  8. Asegúrate de que toda la información es exacta e incluye las fuentes utilizadas.
  9. Si tienes una idea para una historia, no la publiques inmediatamente. Escríbela y revísala durante varios días.
  10. Cuando escribas sobre algo muy común, descubre cómo puedes mejorar lo que otros ya han escrito.
  11. Invierte algún tiempo en “revivir” tu contenido antiguo ya publicado.
  12. El contenido debe ser accesible desde diferentes plataformas.
  13. No te olvides del estilo de impresión.
  14. Cuida la calidad de la primera imagen y de la miniatura de tu contenido.
  15. Evita las imágenes muy comunes.
  16. Crea vídeos para complementar tu contenido.
  17. Aplica consejos del SEO.
  18. Debes averiguar cuánta gente comparte tu contenido en las redes sociales.
  19. Con Google Analytics, no te fijes en “Pages Views”, fíjate en “Average Time Spent on a Page”.
  20. El objetivo no es publicar cuanto más contenido, mejor, sino publicar contenido de calidad.

sábado, 20 de noviembre de 2010

Accesibilidad y SEO

Esta mañana he impartido cinco horas de clase de la asignatura Experiencia de usuario perteneciente al Curso de especialista en Diseño Web de la Universidad de Alicante, donde he dado una pequeña introducción a la accesibilidad web.

"¿Y por qué nos debemos preocupar por la accesibilidad web?", le he preguntado a mis alumnos. Las tres principales razones podrían ser:
  1. Por solidaridad y no excluir a ningún usuario (y posible cliente).
  2. Por mandato legal (en España, por el Real Decreto 1494/2007, las administraciones públicas están obligadas a que sus páginas web sean accesibles, y por la Ley 56/2007, una serie de empresas privadas también están obligadas).
  3. Para mejorar el posicionamiento (SEO) en los buscadores.
De estas tres razones, la última es seguramente la más convincente hoy en día para la mayoría de la gente. ¿Qué es el posicionamiento, el SEO? La Wikipedia define el SEO como:
El posicionamiento en buscadores o posicionamiento web (SEO por sus siglas en inglés, de Search Engine Optimization) es el proceso de mejorar la visibilidad de una página web en los diferentes buscadores, como Google, Yahoo! o Bing de manera orgánica (gratuita).

La tarea de optimizar la estructura de una web y el contenido de la misma, así como la utilización de diversas técnicas de linkbuilding, linkbaiting o contenidos virales con el objetivo de aparecer en las primeras posiciones de los resultados de los buscadores (cuando un usuario busca por una determinada palabra o keyword), es conocida como SEO, sigla en inglés que significa Search Engine Optimization, o sea, 'Optimización para motores de búsqueda'.
¿Y qué tiene que ver el SEO con la accesibilidad? Uno de mis alumnos ya lo sabía y lo ha apuntado de forma muy acertada: los "robots" de los buscadores se comportan como si fueran usuarios ciegos. Y hoy en día, la mayor parte del tráfico de un sitio web llega a partir de los buscadores.

El artículo SEO and Accessibility lo explica muy bien. En primer lugar, da un pequeña explicación sobre qué es el SEO y comenta las malas prácticas (el SEO de sombrero negro) que existen:
Search Engine Optimization is, at it's best, a way of managing the content and code of a web site so that it best represents what the site is trying to do. At it's worst, it's a scam to trick an innocent search engine algorithm into thinking a site is relevant when it's not.
Y poco después explica la relación entre accesibilidad y SEO:
Don't consider search engines as a separate entity from your human visitors. Instead, consider a search engine as a type of disabled visitor - one who is blind to your images, can't access your Javascript based navigation, and doesn't really care about the beauty of your flash animation.
[...]
Accessibility offers quite a few inherent benefits for SEO. The most common metaphor is to consider that a search engine robot is the most frequent disabled visitor your site may receive: it's blind, it navigates with Javascript disabled, and if it can't operate a link it stops cold. Since one of the principles of accessibility is about ensuring that your website can be navigated and understood by a blind visitor who is unable to use Javascript, these characteristics are an automatic guarantee for a well-designed accessible web site.

Si no te preocupa la accesibilidad web porque no te importa que las personas con algún tipo de discapacidad no puedan utilizar correctamente tu sitio web, por los menos preocupate para mejorar el posicionamiento de tu sitio web. Aunque de forma indirecta, la accesibilidad web puede ser que mejore.

domingo, 26 de septiembre de 2010

Tipografía web, ¿mejorará la accesibilidad?

La tipografía web (web typography) ha sido durante muchos años un punto débil del diseño web.

Los diseñadores de otros medios tradicionales, cuando empezaban en la Web querían emplear alguno de los cientos de tipos de letra que estaban acostumbrados a usar, y los programadores contestaban que no podían.

Los clientes pedían a gritos usar tal o cual tipo de letra que tenían en su ordenador y era muy difícil hacerles entender que no era posible, que había que utilizar y limitarse a Arial, Courier, Times New Roman, Verdana y poco más.

¿Qué problemas había con los tipos de letra?

Primero, no todos los ordenadores disponían (y disponen, ya que sigue igual en la actualidad) de los mismos tipos de letra y no existía un método para que se pudiese descargar y utilizar un tipo de letra que no existiese en el ordenador de forma transparente al usuario. Este problema se resolvió hace tiempo, pero la mayoría de los programadores y diseñadores lo desconocían (y muchos, la mayoría, lo desconocen todavía).

Segundo, no existía (ni existe) un formato de tipo de letra estándar y admitido por todos los dispositivos y sistemas.

Tercero, los tipos de letra tienen copyright, existe un comercio de tipos de letra, y no se pueden utilizar "libremente". Si se quería utilizar un tipo de letra "exótico" era necesario pagar una licencia.

Para solventar este problema, se emplearon todo tipo de técnicas, como poner una imagen con el texto o usar Adobe Flash para mostrar un texto. Pero estas técnicas  penalizaban la indexación del contenido de las páginas (el famoso SEO) y eran muy innaccesibles: para un ciego, el texto en una imagen no existe, a no ser que se proporcione un texto alternativo.

A su vez, para solucionar estos problemas, se desarrollaron unas técnicas llamadas reemplazo de imágenes (image replacement), como por ejemplo Fahrner Image Replacement, que lo que hacían era colocar un texto y encima, tapando el texto, una imagen con el texto mostrado con el tipo de letra que quería el diseñador.

Pero estas técnicas eran complicadas y artificiales, requerían mucho trabajo por parte del programador, en algunos casos eran incompatibles entre navegadores y no existía la técnica "perfecta" (siempre había alguna desventaja importante).

Afortunadamente, este panorama parece que va a cambiar y eso redundará en una mejora de la accesibilidad de las páginas web. Parece que los escollos que existían para poder descargar los tipos de letra se han solucionado con Web Open Font Format, un formato de tipo de letra específico para la Web.

Si, además, le sumamos que ya existe una gran variedad de tipos de letra de mucha calidad y gratuitos, como por ejemplo 10 Great Free Fonts for @font-face embedding o 40+ Excellent Freefonts For Professional Design, parece que ya tenemos la solución completada. ¿O no?

Por último, un par de artículos que nos orientan a la hora de crear (o elegir) una tipografía: