por Omar Benyakhlef | Diseño Web, SEO
Google siempre ha pretendido que sus resultados de búsqueda vayan adaptándose a los patrones de comportamiento de sus usuarios, por eso la evolución de sus algoritmos es constante, estos son los últimos cambios que van a condicionar el buen posicionamiento de tu web. John Mueller experto SEO en Google, ha puesto recientemente patas arriba axiomas como la relevancia de las keywords en títulos. De todos estos cambios en el SEO de tu web para 2020, hablamos a continuación.
De todo lo que he leído últimamente, estos son los cambios más relevantes que he encontrado. Incluyo también la velocidad, conocida desde hace tiempo por todos, porque creo que hay que seguir insistiendo en este aspecto, ya que parece ser una asignatura pendiente. Las webs son cada vez más vistosas y la lucha entre el diseño y el peso es algo que como diseñadores nos da numerosos quebraderos de cabeza. Vamos al lío:
PNL
Google orienta ahora todo el contenido al PNL, de esta manera, Google será capaz de interpretar mejor lo que busca un usuario a través de la relación entre la palabra buscada y el resto de las palabras de la frase, no sólo a través de esa palabra como hacía hasta ahora.
¿Qué es la PNL?
El Procesamiento del Lenguaje Natural, es el proceso mediante el cual se analiza el texto de una web mediante relaciones entre las palabras que aparecen, para obtener una mayor comprensión del contenido. Para analizar este contenido, Google pone a disposición del usuario su plataforma Google Cloud
¿Cómo escribir para un correcto PNL?
- Distancia entre la consulta y la solución: procuremos utilizar frases directas, sin muchos rodeos e intentando que la distancia en la frase o párrafo entre la consulta y la solución (respuesta) sea lo menor posible. Si por ejemplo la búsqueda es «distancia entre un enchufe y un grifo»:
– Solución 1: la [distancia entre un enchufe y un grifo] ha de ser lo suficientemente amplia como para poder evitar desafortunados accidentes. Esta distancia mínima se establece según normativa en [50cm].
– Solución 2: [la distancia entre un enchufe y un grifo] ha de ser superior a [50cm]. Esta distancia se establece según la normativa y está enfocada a evitar desafortunados accidentes.La solución 2 tiene una distancia mucho más corta entre la [consulta] y la [solución], por lo que será más fácil de encontrar para el motor de búsqueda.
- Evita el relleno; en la redacción para PNL intenta ser claro y conciso, el relleno sólo va a causar problemas en el proceso de búsqueda. Ten cuidado de cómo usas el lenguaje, ya que estás escribiendo para una máquina… Si hablas de Juan, escribe siempre Juan, no escribas el pronombre «él», porque los motores de búsqueda no son tan inteligentes como para saber que te estás refiriendo a Juan.
- Calidad de contenido: sigue siendo fundamental, contenidos de calidad y que respondan a las consultas de los usuarios.
BACKLINKS
Siguen siendo importantísimos, cuantos más tengas, mayor seguridad para Google de que tu contenido es de interés.
¿Qué son los backlinks?
- Backlinks son los enlaces que apuntan a tu página desde otras páginas, es importante que estos enlaces sean naturales, y no generados artificialmente.
- Cambios: Hasta ahora la calidad de la página que te apuntaba daba mayor importancia a ese backlink, según parece, ahora no es tan importante, aunque a mi parecer, siempre tendrá más peso un enlace desde una página mejor posicionada.
ACTUALIZAR CONTENIDOS ANTIGUOS
Nuestros sitios, en especial los blogs, son un contenedor de artículos en los que muchos de ellos pueden llegar a tener años, la actualización de estos artículos ya bien posicionados es importante a la hora de conseguir mayor relevancia de tu web.
VELOCIDAD
Insistimos, a Google no le gustan las páginas pesadas, optimiza al máximo el peso de tus páginas, css, scripts y sobre todo las imágenes. Especial relevancia tiene también tu web en móvil, cuida bien el peso para no ser castigado por Google. Una vez más, Google pone una herramienta para medir si tu web está optimizada en este aspecto, Pagespeed.
PALABRAS CLAVE EN LOS TÍTULOS
Hasta ahora, el uso de palabras clave, keywords, en los títulos (h1, h2,…) era de la máxima importancia, esto unido a una url construida con esas mismas palabras daba un empujón enorme a tu web. Parece ser que los últimos cambios no van por ese camino. Recientemente, John Mueller experto SEO en Google, ha reconocido que utiliza esas palabras para conocer mejor el contenido de cada párrafo y poder así ordenarlo mejor en los resultados de búsqueda, pero que el uso de keywords en los encabezados no mejora el posicionamiento. Mueller explica que los encabezados deben utilizarse para contenidos de texto extensos, para poder interpretar mejor cada párrafo.
También afirma que si se estudian las páginas de SERP (resultados de Google), se puede ver que el uso de palabras clave en el título no es clave para esos resultados. El uso pues de estas palabras, debe enfocarse a ayudar a Google a comprender mejor los contenidos. Es decir, si te ayuda, es porque está entendiendo mejor el contenido, no por si solas.
Puedes ver el video de John Muller aquí
Seguiremos atentos a los nuevos cambios. Aquí tienes otros artículos relacionados con el SEO.
por Omar Benyakhlef | Diseño de páginas web, SEO, Trucos CSS
Usar CSS para optimizar el SEO
A la hora de afrontar el «diseño de una página web«, un diseñador debe tener en cuenta muchos factores, se trata fundamentalmente de elaborar un proyecto que sea atractivo y útil para el cliente y sobre todo para sus usuarios, pero para llegar hasta «meta», tenemos que plantearnos muchas otras «etapas».
Mi experiencia me dice que un buen diseñador web, no puede quedarse sólo en el aspecto general y superficial de la web. Tenemos que conocer a la perfección cómo maquetar una web, si no expertos, saber bastante de SEO y tener alguna noción de al menos, cómo influye el código de programación en la estructura de la página.
Los conocimientos de maquetación son importantes a la hora de diseñar, ya que nos dirán si es más o menos conveniente hacer un diseño de una forma u otra. El SEO, nos dirá dónde es más conveniente colocar los títulos por ejemplo, y conocer algo de programación, nos ayudará a plantear por ejemplo colocar aquí o allá un menú css, o una galería ajax. Todo en su conjunto, contribuye a realizar un buen trabajo, una buena página web.
Desgraciadamente esta práctica no es muy habitual, y desgraciadamente en España, el trabajo del Director de ARte o diseñador, esta muy infravalorado, no hay más que ver los sueldos aquí y en el resto de los países y las «chapuzas» que invaden la red.
Hoy vamos a comentar la importancia que tiene el flujo del Html a la hora de posicionar bien una web e incluso de que cargue con mayor rapidez.
(más…)
por Omar Benyakhlef | Diseño para móviles, Google, SEO
Diseño web para móviles: SEO
Hace un par de post empecé una nueva categoría en este blog, «diseño de webs para móviles«, hoy vamos a hablar de cómo posicionar páginas destinadas a teléfonos móviles.
Los principales buscadores ya tienen su versión filtrada para navegación en móvil, estas versiones no sólo afectan al diseño (más estrechas y con navegación vertical), también a los resultados, por lo que es muy interesante empezar a estudiar estas nuevas opciones SEO. Estos son los buscadores ya desarrollados y que están funcionando:
(más…)
por Omar Benyakhlef | Google, SEO
Posicionamiento en buscadores
Además de todas las «fórmulas» que aplicamos a nuestras páginas para conseguir un mejor posicionamiento, existen otros factores que ayudan a que una página esté mejor posicionada que otra.
Algunos de estos factores están en nuestra mano, otros, como la antiguedad de la página son «beneficios» que es bueno conocerlos y usarlos a nuestro favor. En otros portales en los que he trabajado, aprovechaba páginas antiguas con contenidos ya caducos, para relanzarlas y así aprovechar su posicionamiento. Como veréis se trata de algunos datos que os pueden servir de gran utilidad.
Veamos cuales son estos factores:
(más…)
por Omar Benyakhlef | Diseño de páginas web, Google, SEO
Guía SEO Google GRATIS
Google lanza una gúia para webmaster novatos en SEO. Se trata de una guía, en la que podréis encontrar unos consejos para hacer una web accesible cuyos contenidos sean más fáciles de indexar por los motores de búsqueda.
Para hacer más fácil el contenido de esta guía se ha creado un caso ficticcio (una web de tarjetas de beisbol), y sobre este proyecto va explicando los pasos a dar. Desde el título de las páginas, el uso de los metas, la estructura de url’s, en definitiva un paso a paso que os ayudará a comenzar en este mundillo del SEO.
Descargar Guía Google SEO para principiantes (versión en inglés) – Guía Google SEO para principiantes (versión en español).
por Omar Benyakhlef | Google, SEO
¿Piensas en Google?
Cuando nos ponemos a diseñar o rediseñar una web, tenemos que tener en cuenta la arquitectura de la web para poder posicionarla en un futuro en los buscadores. Tenemos que buscar keywords adecuados a nuestros propósitos, hacer un estudio previo sobre el mercado al que nos enfrentamos,…
A continuación os describo una serie de pasos a seguir que seguro que os son útiles.
KEYWORDS
- La elección de las palabras clave es fundamental, tenemos que hacer un estudio de las palabras más usadas para nuestro propósito, ver las más solicitadas, las más rentables,…
Herramientas como Google Insights nos ayudarán a encontrar esas palabras. También podemos usar Google Trends, Google Adwords, Overture,…
Una vez que tengamos las palabras que vamos a usar, habrá que preparar toda una campaña de textos, url’s, densidad de palabra,…
UBICACIÓN INICIAL
- Para saber si progresamo, antes tendremos que saber dónde estamos. Si el nombre de la empresa no aparece el primero (para una búsqueda con ese nombre), tendremos que dar de alta un SiteMap en Google, Yahoo y MSN.
Revisemos la posición de nuestra web para las palabras clave que hemos elegido, para ello podemos usar herramientas como Rank Checker.
Hagamos un estudio en el google analytics sobre la cantidad de visitas que recibimos para esas palabras
ARQUITECTURA
- Tener en cuenta las palabras clave para crear las carpetas del proyecto, nombre de las páginas y archivos.
- Un título distinto para cada página, meta descriptio de unas 2 líneas, usar los h1, h2,… Usar las etiquetas title y alt, usar las palabras clave como enlace, mantener la densidad entre un 2 y un 4%, orientar cada página a una o dos palabras clave, mucho cuidado con los enlaces rotos,…
FACTORES EXTERNOS
- Intentar conseguir enlaces externos de webs con un buen PageRank relacionadas con nuestro contenido, darnos de alta en directorios públicos, redes sociales,….
OTROS 12 POST QUE TE SERÁN DE GRAN UTILIDAD PARA POSICIONAR TU WEB:
- Buscar las keywords adecuadas
- La importancia del H1 en SEO
- Ayuda SEO
- SEO en Google
- Elegir una buena url
- Hacer un SiteMap
- Engañar a Google
- La importancia del título en Google
- Subdominios y subdirectorios
- PageRank de Google
- El título de una página web
- Algunas claves de diseño para Google
por Omar Benyakhlef | Diseño de páginas web, Google, SEO
Ya hemos dicho en otros post como influye la ignorancia del responsable de hacer una web en todo, en diseño, en usabilidad y en SEO.
En este post vamos a ver uno de los errores SEO más comunes, cometido por millones de páginas web y luego vamos a intentar explicar por qué una página aparece delante de otra en un resultado de búsqueda.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Google, SEO
No sé si será la mejor herramienta, lo que si puedo asegurar es que para mi me sirve como ayuda SEO con cada web que hago. LinkVendor, tiene una serie de utilidades que aglutinan motores imprescindibles como los de Google, Yahoo, Msn, Alexa… Además de estas herramientas, tiene un analizador online gratuito que te destripa tu web, dándote resultados que van desde la optimización de tu web, hasta la influencia en redes sociales.
Vamos a analizar una por una todas las herramientas que presenta esta web:
(más…)
por Omar Benyakhlef | Google, SEO
SEO es el acrónimo inglés Search Engine Optimization, que traducido al español, sería la optimización para motores de búsqueda.
La tarea de optimizar los sitios de tal modo que aparezcan en las primeras posiciones de los buscadores como Google, es lo que llamamos SEO. Estos trabajos se realizan partiendo de las palabras clave (keywords) con las que queremos posicionar nuestro site. SEO no es una ciencia exacta, es el resultado de muchas pruebas, con sus éxitos y fracasos para luchar con los algoritmos de Google y compañía. Con esto quiero decir que mucho cuidado con quien toca nuestro site, y también, no tiréis el dinero con esas acciones que nos prometen subir nuestro site a más de xmil buscadores, ¿a cuantos conocéis que usen un buscador que no sean Google o yahoo?.
Vamos a ver en este post qué es lo que le importa a Google.
(más…)
por Omar Benyakhlef | Google, SEO
Muchos son los términos que se utilizan al hablar de posicionamiento web, aquí os dejo una lista con los términos SEO más comunes y sus definiciones. Por supuesto no es una lista definitiva, aunque procuraré ir añadiendo todos aquellos términos que vaya recordando o aprendiendo.
Si veis que falta alguno importante, mandádmelo junto con su definición y lo subiré al post lo antes posible.
(más…)
por Omar Benyakhlef | accesibilidad, Diseño de páginas web, Diseño Web, Usabilidad
¿Estás buscando una forma efectiva de captar la atención de tus visitantes y convertirlos en clientes potenciales? El diseño de una landing puede ser la respuesta que estás buscando. En este artículo, exploraremos los fundamentos del diseño de una landing y cómo puedes crear páginas de aterrizaje efectivas que impulsen el éxito de tu negocio en línea.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Diseño para móviles, Diseño Web, Mobile, SEO, Usabilidad
Cuando creamos un sitio web, es fundamental recordar que tendrá que verse en todo tipo de dispositivos, con un amplio abanico de distintas resoluciones. Llevar a cabo un buen diseño y maquetación que se adapte a todos estos dispositivos, es muy importante, no sólo por ofrecer una buena experiencia de navegación al usuario, también desde el punto de vista del SEO y la penalización que conlleva no ofrecer un buen responsive.
Por lo tanto es muy importante verificar cómo se ve nuestro site y cómo se comporta en esos distintos dispositivos.
What is my screen resolution
Hoy os dejo What is my screen resolution. Se trata de una intuitiva herramienta excelente para probar cómo se verá su sitio en diferentes dispositivos. Escribes la URL y eliges entre escritorio, móvil, tableta y televisión e incluso la orientación. Verás que al pulsar sobre desktop, mobile, tablet o televisión, te saldrán unas resoluciones por defecto, pero si luego quieres probar una resolución en concreto, puedes introducirla y comprobar la visibilidad del site. Muy interesante y además GRATIS !!!
COMPROBAR RESOLUCIONES
por Omar Benyakhlef
TU CUÑADO NO SABE HACER WEBS Y LO SABES...8 de cada 10 personas consultan internet antes de consumir un producto. Tu web es tu escaparate, no puedes dejarle esta responsabilidad a cualquiera. ¿Sabías que Google penaliza las webs mal hechas?. Confía en nosotros, somos...
por Omar Benyakhlef | Diseño Web
Elegir un buen servidor para tu web
A la hora de diseñar una web, tan importante como pensar en un buen diseño y una buena usabilidad, es pensar dónde vamos a alojar nuestro proyecto.
Existen multitud de servicios hosting en todo el Mundo, algunos con precios exagerados y otros con precios ridículamente sospechosos… Lo cierto es (por experiencia), que el precio no siempre va asociado a la calidad del servicio prestado. Conozco varios casos de proyectos muy buenos que se han venido abajo por alojarlos en servidores inestables bien caros.
Vamos a ver en este post una serie de factores a tener en cuenta.
(más…)
por Omar Benyakhlef | Tutoriales
Recursos para diseño web. Libros
Soy uno de esos diseñadores que empezó en este mundillo a finales de los 90’s, poca formación había entonces y menos recursos. Hoy en día es impresionante la cantidad de recursos de diseño web que podemos encontrar en la red. OpenLibra es un portal en el que puedes encontrar todo tipo de libros técnicos. En lo que nos ocupa, diseño web, podemos encontrar materias como bases de datos, desarrollo web (CSS3, HTML5, diseño de interfaces,…), diseño, marketing, programación, redes, SEO, SEM, Web 2.0, Social Media,… Una verdadera mina de recursos gratuitos. Son libros en PDF listos para descargar, en español e inglés.
Estos son algunos libros en español que podréis encontrar, por supuesto, mejor echad un vistazo y buscad, porque hay muchos más:
(más…)
por Omar Benyakhlef | Google, Tutoriales
Afortunadamente cada vez existe mayor libertad a la hora de diseñar una web. Hasta hace poco sólo podíamos utilizar las fuentes de sistema, las «arial, verdana,times,…». El uso de una fuente fuera de este grupo podía suponer una catástrofe visual si el usuario que entraba a ver la web no tenía instalada dicha fuente en su máquina. Existía la posibilidad de «hacer trampa» con flash o con imágenes, pero los inconvenientes eran tantos que salvo contadas ocasiones, no merecía la pena contemplarlo.
Ahora como sabeis, existen varias formas de utilizar cualquier fuente en vuestros sitios, @font-face rule, Tipekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK,… Hoy sin embargo vamos a ver sólo Google Web Fonts, veremos las mejores fuentes que nos ofrece, sus ventajas e inconvenientes.
(más…)
por Omar Benyakhlef | CSS, Diseño Web, jQuery
CSS3 y jQuery. Descubre en este post, alucinantes efectos que te ayudarán en tus próximos diseños web.
En este blog de diseño web podréis encontrar gran variedad de artículos sobre jQuery y CSS3 .
En esta ocasión, he intentado hacer una selección lo más variada posible, de ejemplos que podemos necesitar, pero sin duda, al que tenga tiempo, le recomiendo que se de un paseo por http://tympanus.net/ para ver la cantidad de ejemplos que nos ofrece esta tecnología.
Se trata de 14 ejemplos de jQuery y CSS3 para mejorar tu web. En algunos casos se trata de ejemplos para integrar en tu web, y en otros, de verdaderos proyectos para generar una web espectacular.
(más…)
por Omar Benyakhlef | Diseño Web, jQuery
Rollover con jQuer
Algunos de vosotros habréis tenido (los menos ;), la curiosidad de ver el portfolio de este blog de diseño web. Al situarte sobre la imagen, esta se desplaza y deja ver otra imagen u html. Es un efecto muy utilizado en galerías, ahorra espacio y además es amigable cara al SEO.
Os dejo aquí el ejemplo y el código para realizar estos efectos con jQuery.
por Omar Benyakhlef | CSS, Diseño para móviles, Diseño Web, HTML5, iPhone, jQuery, jQuery Mobile, Taller Web, Tutoriales
Tutorial de jQuery Mobile II. Transición de páginas
Ya hemos visto en Web App con jQuery Mobile. Tutorial I, cómo maquetar una página en HTML, y cómo hacer los enlaces para pasar de una página a otra, pues bien, ahora vamos a ver unos «efectos especiales» para hacer la Web Appmás atractiva.
jQuery Mobile incluye un conjunto de seis efectos de transición entre páginas, basados en CSS y que pueden aplicarse a cualquier vínculo de la página o formulario. Estos efectos los podréis ver en vuestro ordenador si navegáis con Chrome, espero y deseo que en un futuro cercano, podamos utilizar estos efectos también en diseño web tradicional.
También hay que resaltar, que alguna de las transiciones no se ve correctamente con algunas versiones antiguas de Android. En cualquier caso, es obvio que tanto los navegadores de Smartphone como los tradicionales, tendrán que acabar «tragándose» esta tecnología tarde o temprano.
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, Diseño Web, HTML5, jQuery
Scroll Parallax
En este blog de diseño web, hemos visto como a lo largo de los años las tendencias del diseño web siguen sorprendiéndonos y alcanzando niveles que hace años eran difíciles de imaginar.
En esta última década hemos sido partícipes como diseñadores, de una constante evolución. Desde las web más básicas, que simplemente parecían un documento word metido en una pantalla, pasando por aquellas horrorosas webs, en las que todo parpadeaba y en las que era necesario llenar la web de botones con el mensaje «pulse aquí», para posteriormente pasar a una época en lo que todo parecía que iba a ser flash y acto seguido abandonar la idea al darnos cuenta de que lo que verdaderamente era importante, era el SEO y la USABILIDAD.
En todo este tiempo, hemos vivido muchas mejoras en las conexiones de los usuarios, lo cual se ha visto obviamente reflejado en los diseños. Esto nos permitió empezar a utilizar grandes imágenes y backgrounds, a no estar tan pendientes del peso de la página. Nuevos dispositivos desde los que visualizar las webs, como los smartphones, iPhones, iPads,… Y en los últimos años, la implantación de una tecnología que ha dado un vuelco al diseño web y que como diseñadores nos ha permitido abrir la imaginación para poder realizar diseños con los que nunca antes nos habríamos atrevido, todo gracias a la implantación del jQuery.
(más…)