195
8 min.Cuando trabajamos con un CMS es habitual hacer uso de plugins como YoastSEO y así agilizar la gestión de todo el trabajo que conlleva la optimización SEO como añadir metatags, datos estructurados, generación de sitemaps, etc… para que nuestro contenido esté bien optimizado para los motores de búsqueda. En este artículo vamos a ver los pasos que hemos seguido para optimizar el traductor online de Talkao y mejorar su posicionamiento SEO en los buscadores sin hacer uso de plugins debido a las características de este producto digital.
Optimización SEO de traductor online – combinación de idiomas
Talkao es un sitio web desarrollado en WordPress. El traductor online lo integramos en el sistema por medio de un plugin, desarrollado con la biblioteca Javascript: React. El primer handicap que nos encontramos es que para acceder a la URL del traductor, esta es estática, es decir, independientemente de la combinación de idiomas seleccionado en el traductor o la palabra a traducir, la URL no cambia, siempre es la misma.
Aquí nos encontramos con el primer escollo que debemos superar para que el traductor web pueda empezar a ser indexado en los buscadores: Si no hay contenido que indexar no podemos empezar a posicionarlo.
El plugin lo añadimos en las páginas de WordPress mediante un shortcode que muestra toda la interfaz del traductor online. Una primera opción que planteamos era crear en WordPress tantas páginas como combinaciones de idiomas posibles e incrustar el shortcode en cada una de ellas. Pero el volumen de páginas era tan grande que se hacía inviable su gestión. Piensa por un momento un traductor que ofrece traducciones a más de 100 idiomas, las combinaciones posibles se cuentan por miles.
Gestión de URL’s del traductor web
Para solucionarlo analizamos la estructura que deben seguir las URL’s por cada par de idiomas, añadiendo palabras clave del tipo: https://talkao.com/translator/{idioma-origen}-to-{idioma-destino} (Por ejemplo: https://talkao.com/translator/english-to-spanish).
Cuando establecemos el patrón que debe seguir cada URL nos reunimos con el equipo de desarrollo para transmitirle como debe funcionar: El usuario accede al traductor a su URL base (https://talkao.com/translator/) al cambiar de idioma la URL se actualiza (esto no es necesario desde el punto de vista de los buscadores, pero si para que el usuario pueda compartir el enlace en otras plataformas). Al cambiar la URL, además otros parámetros y etiquetas HTML deben actualizarse para que muestren el contenido acorde al par de idiomas.
Otro factor importante a tener en cuenta en todo el proceso es que la web está traducida en 5 idiomas diferentes utilizando el plugin Polylang (español – inglés – francés – japones – coreano). Para cada idioma de la web la estructura de la URL es diferente, debe adaptarse para utilizar las palabras clave oportunas. Este detalle es muy importante porque además de cambiar las URL según el idioma de la web, debemos aplicarlo a cada parámetro y etiqueta HTML que necesitemos añadir. (Ejemplo de traductor en idioma español: https://talkao.com/es/traductor/ingles-a-espanol).
Añadir encabezados H1 y H2
Para que una página consiga un buen posicionamiento en los buscadores es fundamental añadir encabezados H1 y H2. El contenido que incluyamos en ellos es fundamental para que los motores entienda la temática de nuestro contenido. Por este motivo añadimos los encabezados H1 y H2 como se muestran en la siguiente captura, añadiendo palabras clave.
Al igual que en la construcción de las URL’s. El contenido de los encabezados siguen un mismo patrón por cada par de idiomas que pasamos al equipo de desarrollo para que lo implemente.
Añadir metatags dinámicas
Otro parámetro básico para que Google indexe nuestro contenido en los motores de búsqueda son las metatags title o meta-description (aunque este último esta cada vez más en desuso, ya que en ocasiones los motores de búsqueda completan esta información a partir del contenido que encuentra en cada página). Si su contenido no corresponde con lo que el usuario finalmente verá en pantalla corremos el riesgo de ser penalizados.
Se añaden entre las etiquetas HTML <head>. Para evitar una duplicidad con los metataga que genera Yoast de forma automática, debemos desactivar este plugin, pero con cuidado, ya que solo necesitamos que se desactiven en aquellas páginas que carguen el shortcode del traductor online. Esto lo podemos hacer gracias a los mu-plugins.
A su vez creamos la estructura que debe seguir cada metatag en función del par de idiomas. Aquí mostramos lo básico:
<title>Traductor [IdiomaOrigen] a [IdiomaDestino] online gratis | [Marca]</title>
<meta name=”description” content=”Traduce textos de [IdiomaOrigen] a [IdiomaDestino] gratis y al instante. Rápido, preciso y fácil de usar. Con nuestro traductor online también puedes escuchar la pronunciación.” />Hreflang
Como comentamos antes, la web de Talkao es multilingüe (se ofrece en 5 idiomas diferentes) , por lo que cada combinación de idioma debe hacer referencia a su equivalente en cada idioma disponible en la web. Para hacerle las cosas fáciles a los buscadores tenemos el parámetro Hreflang, que es un atributo HTML que le indica a los motores de búsqueda en qué idioma y/o región está orientada una página web. Se usa para que muestre la versión correcta a cada usuario.
Además de los Hreflang le indicamos la URL canónica como se puede ver más abajo.
<link rel="alternate" hreflang="es" href="https://talkao.com/es/traductor/espanol-a-ingles/">
<link rel="alternate" hreflang="en" href="https://talkao.com/translator/spanish-to-english/">
<link rel="alternate" hreflang="fr" href="https://talkao.com/fr/traducteur/spagnole-vers-anglais/">
<link rel="canonical" href="https://talkao.com/es/traductor/espanol-a-ingles/"Opengraph
Para controlar cómo se ven las URL’s del traductor cuando se comparte en redes sociales y mensajería utilizamos el protocolo Opengraph, que no es más que una serie de propiedades donde definimos el título, descripción, imagen y URL que aparecerán cuando alguien comparta una página.
Como ocurría con las metatags dinámicas, por defecto Yoast puede gestionar estos parámetros, pero como en nuestra caso debemos seguir un patrón específico y automatizado en función del par de idiomas del traductor web, construimos dicho patrón y se lo pasamos al equipo de desarrollo para que lo implemente.
<meta property="og:title" content="Traductor de [IdiomaOrigen] a [IdiomaDestino] Gratis | Talkao">
<meta property="og:description" content="Traduce textos de [IdiomaOrigen] a [IdiomaDestino] en segundos. Gratis, rápido y con pronunciación.">
<meta property="og:image" content="https://tudominio.com/img/traductor-es-en.png"
<meta property="og:url" content="https://tudominio.com/traductor/espanol-ingles/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Traductor [IdiomaOrigen]-Inglés Gratis">
<meta name="twitter:description" content="Traduce textos online de [IdiomaOrigen] a [IdiomaDestino] en segundos, gratis y fácil.">
<meta name="twitter:image" content="https://tudominio.com/img/traductor-es-en.png">Añadir datos estructurados
Schema.org (Structured Data):
{
"@context": "https://schema.org",
"@type": "WebApplication", (or TranslateAction)
"name": "Traductor [IdiomaOrigen]-[IdiomaDestino] Gratis",
"url": "https://talkao.com/traductor/[IdiomaOrigen]-a-[IdiomaDestino]/",
"applicationCategory": "Translation",
"operatingSystem": "Web",
"inLanguage": ["[IdiomaOrigen]", "[IdiomaDestino]"],
"offers": {
"@type": "Offer",
"price": "0.00",
"priceCurrency": "EUR"
}
}Generar sitemaps
Cuando ya tenemos todo funcionando y en producción, nos queda un último paso para empezar a posicionar el traductor web por combinaciones de idiomas: Enviar a los motores de búsqueda el sitemap que almacena las combinaciones de idiomas más solicitadas por los usuarios.
Para ello utilizamos los índices de Sitemaps, que no son más que sitemaps que agrupan a su vez otros sitemaps para tener una mayor organización y control sobre las páginas que le enviamos a los motores de búsqueda.
El índice principal engloba 3 sitemaps. Cada sitemap hace referencia a un idioma de la web (inglés – español – francés) como se puede ver a continuación.
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<!-- Sitemap del traductor en español -->
<sitemap>
<loc>https://talkao.com/sitemap-traductor-es.xml</loc>
<lastmod>2025-11-10</lastmod>
</sitemap>
<!-- Sitemap del traductor en inglés -->
<sitemap>
<loc>https://talkao.com/sitemap-traductor-en.xml</loc>
<lastmod>2025-11-10</lastmod>
</sitemap>
<!-- Sitemap del traductor en francés -->
<sitemap>
<loc>https://talkao.com/sitemap-traductor-fr.xml</loc>
<lastmod>2025-12-03</lastmod>
</sitemap>
</sitemapindex>A su vez cada sitemap almacena cada par de idiomas ofrecido por el traductor web.
Con todo ya en producción en pocas semanas empezamos a notar un aumento considerable de visitas al traductor web. Con casi un 90% de ellas del canal SEO.
Pero aquí no termina la optimización del traductor web, el siguiente paso será indexar la traducción de palabras por cada par de idiomas. Esta sería una segunda etapa donde se generarán miles de combinaciones posibles que hay que saber gestionar muy bien si no queremos incurrir en malas prácticas por sobreoptimización.
Esta sería una segunda etapa para mejorar aún más el posicionamiento del traductor web en motores de búsqueda. Una vez tenemos posicionados las combinaciones de idiomas posibles, pasamos a posicionar la traducción de las palabras por cada par de idiomas. Aquí surgen miles de combinaciones posibles que hay que saber gestionar muy bien si no queremos incurrir en malas prácticas por sobreoptimización.
No solo mostramos la traducción de cada palabra, para conseguir un buen posicionamiento el contenido es fundamental por lo que haremos uso de la Inteligencia Artificial para almacenar en la base de datos la traducción e información complementaria como frases de ejemplo, definiciones, sinónimos, antónimos, conjugación de verbos y toda lo que sea de utilidad para el usuario.
Categoría/s: Diseño y desarrollo web
Deja una respuesta