SEO básico para tu página
De qué sirve la página más bonita del mundo si nadie la encuentra. Lo esencial, con ejemplos de este mismo sitio.
Basic SEO for your page
What good is the prettiest page in the world if nobody finds it. The essentials, with examples from this very site.
Estas dos etiquetas, dentro de <head>, son lo que Google muestra como
título y resumen de tu página en los resultados de
búsqueda.
These two tags, inside <head>, are what Google shows as your page's
title and summary in search results.
<title>Curso de Python desde cero, gratis y en español — JICA LABS</title> <meta name="description" content="Curso de Python desde cero en español: variables, bucles, funciones, clases y automatización. Sin instalar nada.">
Cuando alguien pega tu link en WhatsApp o Twitter, esa tarjeta con imagen, título y texto
no aparece por magia: viene de las etiquetas og: (Open Graph).
When someone pastes your link into WhatsApp or Twitter, that card with an image, title and
text does not appear by magic: it comes from the og: (Open Graph) tags.
<meta property="og:title" content="Curso de Python desde cero — JICA LABS"> <meta property="og:description" content="Python de verdad corriendo en tu navegador."> <meta property="og:image" content="https://jicalabs.com/img/og.png"> <meta property="og:type" content="website">
Sin og:image, la tarjeta compartida suele salir en
blanco o con una imagen genérica, que casi nadie hace clic. Es de las cosas más baratas de
arreglar con mayor impacto.
Without og:image, the shared card usually comes out
blank or with a generic image, which almost nobody clicks. It is one of the cheapest fixes
with the biggest impact.
Si tu página es accesible por más de una dirección —con y sin barra al final, con
mayúsculas distintas—, Google puede confundirse y pensar que son páginas repetidas.
canonical le dice cuál es la dirección "oficial".
If your page is reachable through more than one address — with and without a trailing
slash, different casing — Google can get confused and think they are duplicate pages.
canonical tells it which address is the "official" one.
<link rel="canonical" href="https://jicalabs.com/aprende/python/">
Un sitemap es un archivo XML que lista todas las páginas de tu sitio, para que Google no tenga que descubrirlas solo siguiendo links.
A sitemap is an XML file listing every page on your site, so Google does not have to discover them just by following links.
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://jicalabs.com/</loc>
</url>
<url>
<loc>https://jicalabs.com/aprende/</loc>
</url>
</urlset>
Ese archivo se sube a la carpeta raíz del sitio —así:
tudominio.com/sitemap.xml— y se registra en
Google Search Console, una herramienta gratuita de Google donde también
puedes pedir que indexe una página nueva de inmediato, en vez de esperar a que la encuentre
sola.
That file is uploaded to the site's root folder — like
yourdomain.com/sitemap.xml — and registered in
Google Search Console, a free Google tool where you can also ask it to index
a new page right away, instead of waiting for it to find it on its own.
Desde qué es una etiqueta hasta cómo hacer que Google encuentre tu página: estructura, estilo, flexbox, grid, responsive, animaciones, publicación, y ahora accesibilidad y SEO. Con esto tienes todo lo que hace falta para construir y lanzar un sitio de verdad.
El paso natural que sigue es hacer que la página haga cosas: reaccionar a clics, guardar datos, animar. Ahí está el curso de JavaScript.
From what a tag is to getting Google to find your page: structure, styling, flexbox, grid, responsive design, animations, publishing, and now accessibility and SEO. With this you have everything needed to build and launch a real site.
The natural next step is making the page do things: react to clicks, save data, animate. There is the JavaScript course.