Saltar al contenido.

Enlazar el traductor de Google en blogs de WordPress.com

De vez en cuando recibo correos sobre cómo incluir el traductor de Google (Google Translate) en un blog de WordPress.com, ya que parece que la explicación dada en el foro en español de WordPress.com no es lo suficientemente clara.

Comienzo también de esta forma una nueva sección o categoría dedicada a cuestiones de diseño o inserción de código que se presentan en el uso cotidiano en los blogs alojados en WordPress.com, y a los que en el foro del mismo en ocasiones no se les puede dar respuesta de forma adecuada no por falta de voluntad de los moderadores o de los usuarios que en el colaboramos en la medida de nuestros conocimientos, sino por las limitaciones del propio foro.

Y después de esta introducción vamos con el tema que da título esta entrada.

Supongamos que queremos colocar en un widget de texto una imagen representativa de un país, una pequeña bandera creo que es el mejor ejemplo, que al pulsar sobre ella dirija al lector hacia el traductor de Goggle con nuestro blog en el idioma de ese país. Este sería el código genérico:

<a href="http://translate.google.com/translate?u=http%3A%2F%2Fdirección del blog&hl=es&ie=UTF8&sl=es&tl=idioma de la traducción"><img src="ruta de la imagen" title="título" alt="texto alternativo" />

Como es lógico hay que sustituir en cada caso la dirección del blog, el idioma de traducción y la imagen que enlaza con el traductor, asi como los atributos "title" y "alt". En concreto, este sería el código a utilizar cambiando el código anterior en color rojo y poniendo como ejemplo este blog y su traducción al inglés:

<a href="http://translate.google.com/translate?u=http%3A%2F%2Fespaciochus.wordpress.com&hl=es&ie=UTF8&sl=es&tl=en"><img src="http://espaciochus.files.wordpress.com/2013/02/flag_in.png" title="English" alt="English" /></a>

Solo queda copiar el código en un widget de texto y este seria el resultado: English

Y asi sucesivamente con todos los idiomas que queramos poner a disposición de los visitantes de nuestro blog, cambiando el idioma y la imagen representativa del mismo, tal y como se puede ver en la barra lateral derecha de este blog.

Los atributos "title" y "alt" ("title" se muestra al pasar el cursor del ratón sobre el elemento, "alt" es un texto alternativo que se muestra como sustituto de la imagen cuando, por ejemplo, no está disponible) no son estrictamente necesarios pero es una buena costumbre a nivel de SEO (que no tengo mucha idea de lo que es pero parece importante para muchos blogueros) y siempre es mejor mostrar este tipo de información a nuestros visitantes.

¿Cómo saber qué código corresponde a cada idioma?, basta con seleccionar el idioma y fijarnos en la barra de direcciones del navegador.

Insertar Google Translate

Evidentemente, es posible crear un enlace de texto al traductor eliminando la referencia a la imagen:

<a href="http://translate.google.com/translate?u=http%3A%2F%2Fespaciochus.wordpress.com&hl=es&ie=UTF8&sl=es&tl=en" title="English"/>English</a>

Resultado: English

► Más información sobre los códigos de idiomas: ISO 639-1

Si te gustó este truco y quieres recibir en tu correo notificaciones sobre nuevos tutoriales, trucos o recursos puedes suscribirte ahora.

11 Comentarios »

  1. Me alegro mucho por esta nueva categoría del blog. Seguro que podré aprender muchas cosas sobre WordPress que todavía ignoro y podré decir porqué lo prefiero a Blogger…., y eso que hay algunas cosas en las que gana Blogger todavía.

    Me gusta

    • Veremos a ver el recorrido que tiene, de momento surge como respuestas a varias preguntas acerca de lo mismo (el traductor) y porque sabia como hacerlo claro está :). Gracias por comentar y un saludo.

      Me gusta

  2. Bueno, el traductor de Google no realiza traducciones demasiado buenas ya que no tiene en cuenta los giros lingüísticos por lo que, a veces, puede empeorar la imagen de nuestro sitio y ser de utilidad limitada.

    Me gusta

  3. Mil gracias!!!! llevo toooodo el día para poner el traductor en varios idiomas y hasta que no he llegado aquí no he sido capaz. Me he consultado casi todos los post del foro de wordpress pero no me aclaraba y no conseguía ponerlo como quería. Genial tu blog!! Gracias por el post! Un saludo.

    Me gusta

  4. Muchísimas gracias por el post, tal y como ha dicho merrickyyo no he sido capaz de ponerlo hasta que lo he leído en tu blog. Me has ahorrado un dolor de cabeza. ¡Muchos besos y gracias de nuevo!

    Le gusta a 1 persona

  5. Hola! Yo lo he hecho al inglés sin problema copiando tu link pero estoy intentando ponerlo en alemán y no me sale.. Realmente es que no sé que es lo que hay que sustituir por https://translate.google.es/?hl=es#es/de/ porque en el post sale un link mucho más largo en el que no veo nada similar..si copio mi link desde las primeras comillas hasta espaciochus.word.. no me sale.

    Agradecería mucho la ayuda! Saludos

    Me gusta

A %d blogueros les gusta esto: