hand Inicio
hand JSBloqs
hand GutenBloqs
Qué?
nochedía

DESARROLLO WEB con
REACT y WORDPRESS

Apúntate a la newsletter (escribo algo de tanto en cuanto)

Gatsby y SEO

1000 palabras
4 minutos
May 5, 2020
bloggatsby

Te refresco lo que es el SEO, los aspectos más importantes a tener en cuenta, y los plugins imprescindibles de Gatsby para poder implementar característiacs SEO en tu website

  1. Qué es el SEO
  2. Por qué el SEO es importante?
  3. Los 4 aspectos más cruciales del SEO
  4. El SEO y Gatsby
  5. 4 plugins imprescindibles

Qué es el SEO

Por SEO se entiende Search Engine Optimization y lo que quiere decir es cómo ve Google nuestra página

Es decir,

  • un tema es cómo de buena es nuestra página y nuestro contenido para los humanos
  • y otro tema es cómo de buena es esa página para Google

Parece lo mismo, incluso la sensación es que deberían ser conceptos redundantes

Pero no lo son, más que nada porque Google es un algoritmo, y actúan de forma distinta

Por qué el SEO es importante?

Porque aunque tú escribas para humanos, esos humanos sólo te encontrarán a través de buscadores, y esos buscadores te posicionarán basados en sus intentos de parecerse humanos

Esto no tiene por qué ser siempre así, si tu tráfico viene de redes sociales tu posicionamiento SEO puede ser muy distinto, o incluso inexistente (cada red social tiene sus propias costumbres para posicionar a sus usuarios)

Por lo tanto cada caso tiene su qué, pero por norma general el SEO se sitúa entre muy importante y tremendamente importante

Los 4 aspectos más cruciales del SEO

Vale, entonces, qué hay que hacer con el SEO? Cúal es el ABC?

1. La velocidad de tu website

Google prioriza muchísimo esto, por lo que te conviene sí o sí desarrollar una página rápida

El razonamiento de Google es que cuanta más velocidad, más probabilidades de que el usuario esté más satisfecho, y recuerda que el negocio de Google es satisfacer a sus usuarios por encima de todo

Para que veas hasta qué punto prioriza esto Google, si puede darle la respuesta al usuario sin necesitar dirigirle a tu web lo hará sin dudarlo

Por ejemplo, pregúntale qué día es hoy, qué tiempo hará, y qué tiendas están abiertas por tu zona, ya verás como no necesitarás ir a ninguna página web

Tienes una entrada aquí de herramientas para SEO para poder analizar y optimizar tu web en condiciones

2. Una web estructurada

Hay ciertos elementos clave que Google analizará, como son los encabezados <h1> y <h2> y otras partes semánticas como <article>, <nav> o similares (aquí tienes un curso de html básico) que Google utilizará para entender tu página

Por lo tanto tienes que utilizar esos elementos para seleccionar las partes más identificativas de tu página

El objetivo no es tanto escribir para posicionar, sino escribir con estructura para que Google te entienda y pueda posicionarte al público más adecuado

Escribir para posicionar se referiría a escoger el contenido con el objetivo de posicionar tu página para esas palabras claves

Por ejemplo escribir para long tail (acerca de esto escribí aquí)

La estructura no se termina con el html, tienes todo el schema que vendría a ser un html alternativo creado para que Google (y otros) te puedan entender sin fisuras, tienes una entrada aquí

Y esto incluye el tener unas urls descriptivas y semánticas

3. El contenido de tu página

El contenido debe seguir dos máximas

  • Satisfacer
  • Entretener

Sea lo que sea que busque tu usuario, tu página tiene que satisfacer ese objetivo de búsqueda

A efectos prácticos esto querrá decir que ese usuario no vuelve a Google una vez te ha encontrado, con lo que tendrá un bounce rate bajo, y esto a ojos de Google querrá decir que ha conseguido poner en contacto a tu web con tu público objetivo

Si el usuario está contento, Google está contento, y te posiciona mejor para estar todavía más contento

Y luego sobre todo hay que entretener

Entretener quiere decir que tu usuario no sólo satisface su intención de búsqueda sino que además disfruta con tu página

Esto quiere decir copy, y si quieres leer más he escrito bastante sobre el copywriting: aquí, aquí, aquí, aquí, y aquí

4. Offsite seo

Es el más difícil porque no depende directamente de ti, pero es de gran ayuda para conseguir reputación a ojos de Google

Básicamente son 2 cosas:

  • Conseguir enlaces externos que apunten a tu web, son como avales de que tu contenido es bueno
  • Conseguir resonancia en redes sociales, lo cual también son como avales de que tu contenido vale la pena

Para lo segundo necesitas una estrategia de redes sociales (y escoger las más adecuadas!)

Para lo primero necesitas link building, lo cual es algo que creo que nadie disfruta especialmente haciendo (aunque tienes servicios especializados para eso)

El SEO y Gatsby

Y una vez clarificado esto, qué puede hacer Gatsby por nosotros?

Lo primero, con Gatsby tendremos una website muy rápido, consiguiendo medidas de LightSpeed por encima de 90 sin problemas

En sitios complejos esto no tiene porqué ser así, pero está claro que la estructura de Gatsby nos facilita mucho el poder conseguirlo

Y para todo lo demás necesitaremos desarrollar nosotros mismos todo un schema y una estructura de contenidos

Para hacerlo necesitamos de ciertos plugins esenciales

Y no estoy hablando de plugins al estilo WordPress, de los que con un par de clicks ya lo tienes todo bien organizado, no son plugins para el usuario final sino para el desarrollador

4 plugins imprescindibles

gatsby-plugin-offline

Lo tienes aquí, y te sirve para proporcionar una versión PWA de tu web (escribí acerca de las webs progresivas aquí)

Lo mejor es que básicamente no tienes que hacer casi nada, y el tener una PWA puntúa muy alto para Google

gatsby-plugin-react-helmet

Lo tienes aquí y te servirá para escribir tu schema y tus otros metadatos

Y esto quiere decir que tendrás que escribir tu ese esquema, el plugin te servirá para que no tengas que preocuparte de que ese esquema se muestre correctamente

gatsby-plugin-sitemap

Para generar un mapa de tu sitio, vital para que Google sepa rápidamente qué indexar y qué no, lo tienes aquí

Dónde te lo pedirán? En la Google Search Console (tienes un curso rápido aquí)

gatsby-plugin-robots-txt

Para generar el archivo que Google lee primero de todo de una página web, el robots.txt, lo tienes aquí

Y ya está, la verdad es que desarrollar el código para SEO no es tremendamente sencillo (al menos al principio), pero una vez está escrito ya no lo tienes que tocar

Un plugin que vale mucho la pena es el gatsby-plugin-next-seo que lo tienes aquí, y que te puede servir para implementar tu SEO y/o como guía para tu desarrollo (junto con la documentación oficial de gatsby)

Qué tal la entrada?

👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏
Enviar Feedback ✍️
El texto está en blanco!
Gracias por enviarme tu opinión
👍

Si quieres explorar más cursos y más entradas en el blog, los tienes todos en la página principal, y si el contenido te ha ayudado si lo compartes me ayudas a dar difusión 👍

Privacidad
by kuworking.com
[ 2020 >> kuworking ]