La traducción o localización de páginas web es uno de los servicios más demandados actualmente a los traductores. La mayoría de cursos y asignaturas sobre esta disciplina a menudo se centran en cómo traducir sitios web desarrollados en HTML con herramientas de traducción asistida como SDL Trados Studio, Wordfast o incluso OmegaT (gratuito), pero esta formación suele ser incompleta y a menudo algo anticuada. Actualmente, las herramientas más utilizadas para desarrollar sitios web son los sistemas CMS, que requieren unos flujos de trabajo diferentes a los que se aplican para traducir sitios web desarrollados en HTML (en la actualidad, HTML5 combinado con CSS3).

Un momento, ¿qué es eso de los sistemas CMS?

Dicho de una forma sencilla, los sistemas CMS son unas aplicaciones que nos permiten crear una infraestructura para desarrollar los contenidos y el diseño de una página web sin necesidad de tener conocimientos de código. Es el caso de aplicaciones como WordPress, Joomla o Drupal, que son quizá los CMS más importantes del momento. No hay más que echar un vistazo a las estadísticas del W3C para comprobar que, como decía antes, los sistemas CMS son las herramientas más utilizadas actualmente para el desarrollo y la publicación de páginas web.

¿Qué diferencias hay entre un sistema CMS y un sitio web tradicional desarrollado en HTML5?

Esta pregunta daría para mucho, pero lo básico que necesitas saber como traductor es que los sitios web desarrollados con HTML5 y CSS3 suelen crearse utilizando editores como Adobe Dreamweaver, Kompozer o Artisteer. También se pueden desarrollar en editores de texto o código sencillos como Notepad++ o Sublime Text si tienes conocimientos de código. En consecuencia, los sitios web desarrollados en estas herramientas suelen estar formados por archivos en formato .html, de manera que generalmente cada uno de estos archivos suele corresponderse con una página del sitio web. Estos archivos incluyen toda la información del diseño y de los contenidos (junto con los archivos CSS), de forma que tradicionalmente había que diseñar cada página del sitio web de forma individual y configurarlas para que el diseño de cada página (o cada archivo HTML, que viene a ser lo mismo) coincidiera con los demás.

Esto cambió sustancialmente con el surgimiento de los sistemas CMS, que permiten configurar un mismo diseño (generalmente una plantilla) para todo el sitio web. Una vez diseñada y configurada la plantilla, las páginas nuevas que se generan respetan ese diseño, de forma que se ahorra muchísimo tiempo a la hora de publicar nuevos contenidos (ya solo tienes que preocuparte del contenido y no tanto del diseño). De hecho, hasta se pueden configurar diferentes plantillas y variantes del diseño original para asignárselas en cualquier momento a cada página o entrada que creemos.

La conclusión de esta parrafada se resume fácilmente en la siguiente afirmación: los sistemas CMS permiten separar el diseño del contenido, algo que antiguamente no podía hacerse al desarrollar sitios web en HTML.

¿Qué procedimientos deben seguirse para traducir un sitio web en HTML?

Lo más cómodo es importar todos los archivos HTML de un sitio web en una herramienta de traducción asistida compatible como Trados Studio (échale un vistazo a esta entrada si quieres descubrir más herramientas para esta labor). Una vez importados los archivos, nos aparecerán los contenidos del sitio web separados en segmentos, al igual que ocurre cuando traducimos un documento en formato Word o similar.

Una vez se hayan traducido los archivos HTML, habrá que abrirlos en algún editor para comprobar que todo aparezca adecuadamente. Si el sitio web incluye imágenes con textos incrustados, habrá que editar estas imágenes con algún editor como Photoshop o Gimp y traducir su contenido debidamente. De esta labor suelen ocuparse los diseñadores gráficos, pero hay traductores que invierten tiempo y dinero en formarse para aprender a usar estas herramientas y ofrecer así soluciones integrarles a sus clientes.

¿Qué procedimientos deben seguirse para traducir un sitio web web desarrollado con un sistema CMS?

A la hora de traducir un sitio web desarrollado con un sistema CMS, se puede optar por varias estrategias. Comento algunas de ellas a continuación, principalmente las que utilizo yo cuando los clientes me encargan la traducción de un sitio web o la creación de un sitio web multilingüe. El sistema CMS con el que suelo trabajar es WordPress, aunque estas estrategias también pueden ser válidas para otros CMS similares (aunque en algunos casos es posible que cambien las aplicaciones).

1) Utilizar un plugin especial: existen plugins multilingües que facilitan muchísimo las labores de traducir un sitio web a varios idiomas. Si no tienes mucha idea de lo que es un plugin, básicamente es una pequeña aplicación o complemento que puedes añadir a tu sitio web para una finalidad concreta (por ejemplo, mostrar un menú de redes sociales o una galería de imágenes).

Uno de los plugins más utilizados para traducir un sitio web o crear sitios multilingües es PolylangEs realmente práctico, ya que permite añadir tantos idiomas como deseemos y editar los contenidos de las páginas fácilmente en cada idioma. También incorpora una interfaz que permite consultar los contenidos alineados, de forma que podemos consultar el texto original en la columna izquierda e introducir o modificar la traducción en la columna derecha. Además, es GRATUITO.

Otros plugins igualmente interesantes son WPLM, que es de pago, pero que incorpora otras funciones interesantes como la posibilidad de trabajar en una interfaz multiusuario (ideal si hay que traducir un sitio web a varios idiomas e involucrar a varios traductores en el proyecto) o de traducir también los plugins y widgets de nuestro sitio web (este suele ser un punto bastante problemático)Codestyling Localization, que es gratuito y además muy útil para gestionar los archivos .po y .mo de tu sitio web.

2) Utilizar Poedit: los archivos .po son archivos basados en ASCII que contienen la mayoría de textos que se muestran en sitios web desarrollados con WordPress u otras aplicaciones similares basadas en PHP. Poedit es una aplicación de escritorio que nos permite traducir los archivos .po a otros idiomas en una interfaz muy similar a la que ofrecen las herramientas TAO utilizadas por los traductores en su día a día.

El procedimiento básicamente consistiría en cargar el archivo .po de nuestro sitio web y traducirlo en Poedit. Una vez traducido, tendríamos que generar el archivo .mo, que básicamente es una versión comprimida del archivo .po. El archivo generado debe guardarse con un nombre específico para diferenciarlo debidamente de los otros idiomas (por ejemplo, en el caso del castellano sería es_ES.mo). Una vez generado el archivo .mo, hay que subirlo a un directorio específico. En WordPress, generalmente hay que subirlo a la carpeta Languages que suele estar ubicada dentro de la carpeta de cada tema (wp-content/themes/nombre-del-tema/languages, aunque la mayoría de plugins multilingües (como WPLM o Codestyling Localization) permiten subirlos de una forma más sencilla.

3) Duplicar el sitio web: este sería quizá el método más tedioso de todos, pero es igualmente válido y muchos usuarios lo utilizan, sobre todo cuando buscan tener su sitio web en dos o tres idiomas como mucho. La estrategia de duplicación consiste básicamente en hacer una copia completa de todo nuestro sitio web y subirlo a un directorio nuevo (que a menudo suele llevar el nombre del código ISO del idioma, por ejemplo www.tusitioweb.com/en o www.tusitioweb.com/fr). Existen plugins que permiten copiar o duplicar un sitio web desarrollado en WordPress, como por ejemplo Duplicator, que es el que enseño a los alumnos de mi curso de diseño web de Traduversia. Una vez duplicado el sitio web, habrá que configurar el idioma y traducir los contenidos de las páginas, plugins y widgets.

El paso final: añadir un menú o selector de idioma

Una vez hayamos traducido nuestro sitio web (usando cualquier método de los citados anteriormente), solo nos quedará añadir un selector de idioma en la portada de nuestro sitio web para que los usuarios puedan elegir fácilmente el idioma deseado. Algunos plugins multilingües detectan la ubicación del usuario y lo redirigen automáticamente al idioma que le corresponde (esta función generalmente suele llamarse geolocalización), pero aun así es recomendable que el selector de idioma esté visible por si hay algún usuario que necesite cambiar de idioma.

Para añadir este selector, se pueden optar por varias estrategias:

1) Crear un menú (desplegable o no) en la barra de menús del sitio web con los idiomas disponibles. En WordPress, por ejemplo, esto se puede hacer fácilmente desde Apariencia/Menús. Aun así, probablemente tendrás que utilizar algún plugin adicional multilingüe (como Polylang) o de lógica condicional (como If Menu) para asignar los menús a sus idiomas correspondientes (la versión española deberá mostrar el menú en español, la versión inglesa el menú en inglés, etc.).

2) Utilizar un plugin especial que nos permita añadir un selector de idioma. Existen plugins gratuitos como Multisite Language Switcher o el mismo Polylang que facilitan la labor de crear un selector de idioma.

Consejo final: evita las banderitas

83-lang-menu1

Todos hemos visto selectores de idioma con banderitas en numerosos sitios web, sobre todo en sitios web de restauración y hostelería. Las banderas no son el recurso más aconsejable en términos de localización, ya que por ejemplo no todos los angloparlantes o hispanohablantes viven en Reino Unido o en España. En su lugar, es mejor utilizar el nombre del idioma (English, español, etc.) o los códigos ISO establecidos por la norma ISO 639-1 (en, es, etc.). Así evitaremos herir sensibilidades y desvincularemos el idioma de la ubicación. Te aseguro que los visitantes lo agradecerán.

Eso es todo, por ahora. No olvides compartir la entrada si te ha gustado o comentar si tienes algo que aportar o que comentar. ¡Hasta la próxima!

 

OrigenTrucos de SEO para traductores

Si analizáramos con detenimiento las visitas de nuestro sitio web, rápidamente comprobaríamos que los usuarios no solo llegan a nuestra página tecleando la dirección directamente en el navegador. Muy probablemente nos daremos cuenta de que son muchos los usuarios que han llegado a nuestra página tras hacer clic en un enlace situado en otra web, desde las redes sociales o, más importante aún, desde buscadores como Google, Bing o Yahoo.

kelseygrammerPhoneHoy en día, los buscadores son la principal herramienta de búsqueda de información. Los utilizamos para buscar cualquier cosa: ¿cuál era la dirección de aquella agencia de Madrid a la que fui a una entrevista de trabajo? ¿Cuál era el número de teléfono del magnífico fontanero que vino a casa la última vez? ¿Quién era aquel gestor de proyectos tan amable que me contactó para un nuevo encargo el mes pasado? Está claro que utilizamos los buscadores no solo para buscar información de tipo profesional o académico, sino también para temas mucho más cotidianos. De hecho, recuerdo algunas series famosas de los años 90 como Frasier o Friends, en las que para buscar ese tipo de información los protagonistas siempre llamaban por teléfono o consultaban una guía o un folleto. Qué tiempos, ¿verdad? ?

El SEO no es una ciencia exacta

Como bien sabéis, los buscadores muestran un listado de resultados con el objetivo de ofrecer las respuestas más relevantes para el usuario. Dicha relevancia depende de un gran número de parámetros que son un secreto cambiante muy bien guardado por los buscadores para garantizar un filtrado más objetivo de la información. De lo contrario, si todos los conociéramos, el SEO se reduciría a seguir una serie de pasos o un método concreto. Por suerte o por desgracia, los buscadores mantienen en secreto sus parámetros y ecuaciones para evitar que los usuarios puedan influir en sus resultados intencionadamente. Es por ello por lo que el SEO no es una ciencia exacta. Esto es algo que debemos tener muy en cuenta, pues no siempre las estrategias que apliquemos nos darán los resultados deseados.

SeoQuestionMark

El objetivo final es conseguir un buen posicionamiento

Los usuarios buscamos un montón de información sobre productos, servicios o contenidos que, por lo general, ofrecen muchas empresas y profesionales que son competencia entre sí. Está demostrado que, al hacer búsquedas, los usuarios no suelen pasar de la primera página de resultados. Si el usuario no queda satisfecho con lo que ha encontrado en esa primera página, lo más normal será que opte por introducir una ecuación de búsqueda diferente, ya que rara vez pasará a las siguientes páginas. Por tanto, nuestros objetivos deben ser (primero) aparecer en ese top 10 de resultados al introducir ecuaciones de búsqueda relacionadas con la temática de nuestro sitio web y (segundo) conseguir la mejor posición dentro de ese top 10 para quedar por encima de dicha competencia. ¿Cómo podemos lograrlo? Desde luego, el camino no es nada fácil. Pero antes de hacer nada, primero debemos entender cómo funcionan los buscadores para lograr que nuestros sitios web interactúen con ellos positivamente.

Principios básicos de SEO

Los buscadores emplean unos robots llamados arañas web o web crawlers que se encargan de explorar la web de forma automática recogiendo y analizando los contenidos de los sitios de Internet. Esa información que obtienen la guardan en una base de datos donde establecen una serie de jerarquías y relaciones que sirven para asignarle a cada sitio web un nivel de importancia. Por ejemplo, para que os hagáis una idea, toman nota de los enlaces entrantes y salientes de los sitios web o de las descripciones que añadimos a nuestras imágenes.

Lo que hace que un resultado aparezca antes que otro en la lista de resultados depende del algoritmo que emplee el buscador. El algoritmo es un secreto y, debido a ese secretismo, es realmente difícil de entender. No obstante, hay varias técnicas que suelen dar buenos resultados y que suelen recomendarse para conseguir un mejor posicionamiento. Vamos con algunas de ellas:

1. Consigue enlaces entrantes desde otros sitios web mejor posicionados que el tuyo

Está comprobado que los enlaces entrantes ayudan sobremanera a lograr un buen posicionamiento de una forma rápida. Por tanto, si quieres mejorar tu posicionamiento de una forma más rápida una buena técnica sería intercambiar enlaces con otros sitios que estén mejor posicionados. Os garantizo que esta técnica funciona bastante bien. Sin ir más lejos, recuerdo que el posicionamiento de Jugando a traducir empezó a subir muchísimo cuando otros sitios web y blogs del mundo de la traducción empezaron a recomendar mis artículos. Y parece que tras mucho tiempo mis esfuerzos han dado su fruto. Mira lo que ocurre en Google si buscas «traductor audiovisual»: ?

CapturaGoogleJaT


2. Crea contenidos originales para que los buscadores no te penalicen

Uno de los aspectos que tienen en cuenta los buscadores a la hora de indexar los sitios web es la originalidad de sus contenidos. «Crear» contenidos en Internet es tan fácil como copiar y pegar (o rebloguear), pero si lo haces los buscadores te penalizarán y te pondrán por detrás del sitio web al que copiaste. Por tanto, no es una práctica recomendable si tu objetivo es conseguir un buen posicionamiento. Como decía el anuncio, el algodón no engaña y, en este caso, Google tampoco. ?

3. Crea perfiles de redes sociales para conseguir resultados inmediatos

Está demostrado que tener perfiles de redes sociales ayuda a conseguir un buen posicionamiento y a ganar visibilidad en la red, sobre todo a la hora de buscar nuestro nombre o el nombre de nuestra empresa en los buscadores. Si hasta la fecha no hay ni rastro de ti en la red y acabas de descubrir que un buen posicionamiento te ayudaría a mejorar tu negocio, entonces te recomiendo encarecidamente que te crees perfiles en redes sociales como Facebook, Twitter, Linkedin o Google +. Linkedin es especialmente interesante porque cuando buscas el nombre y apellidos de un profesional te va a aparecer por lo general en el top 5 de resultados. Aquí puedes ver lo que ocurre si buscas “Rafael López Sánchez” en Google, un nombre que, dicho sea de paso, es bastante común (autobombo nivel máximo): ?

CapturaGoogleRLS

Si te fijas, entre los 5 primeros resultados aparecen mis perfiles de redes sociales. En consecuencia, si quieres acelerar el posicionamiento de tu nombre personal o comercial, es muy recomendable que uses las redes sociales como lanzadera.

4. Configura los metadatos y palabras clave con especial cuidado y atención

Los metadatos son un conjunto de etiquetas que se incluyen en los sitios web para facilitar a los navegadores y buscadores la indexación de sus contenidos. Las etiquetas no son visibles para los usuarios, pues se introducen en el código fuente de la página, e incluyen información como la autoría del sitio web, la temática, la fecha de publicación, palabras clave, descripciones, etc.

Las etiquetas más importantes que indexan los buscadores son las etiquetas <keyword>, <title> y <description>. Los que sepáis inglés ya os imaginaréis para qué se utiliza cada una. La etiqueta <keyword> se utiliza para incluir las palabras clave de nuestro sitio web (aunque cada vez se utiliza menos), la etiqueta <title> para añadir el título y la etiqueta <description> para añadir la descripción que aparecerá en el buscador. Estas tres etiquetas suelen formar elsnippet o anuncio que suele aparecer en los buscadores. Por ejemplo, si os fijáis en la captura anterior, el título (<title>) de mi página web sería “Rafael López Sánchez” y la descripción (<description>), la información que aparece debajo. En la entrada anterior, ya os di algunos consejos para crear vuestra página web, y en ella ya os hablé brevemente delplugin WordPress SEO by Yoast. Pero como sé que a algunos os puede parecer algo complicado, he querido mencionarlo de nuevo para daros un poco más de información. Este plugin precisamente os permitirá consultar una vista previa de cómo quedaría el snippet de vuestro sitio web y os facilitará la labor de configurar los textos que deben aparecer en él. Os lo recomiendo encarecidamente si habéis desarrollado vuestro sitio web con WordPress y necesitáis mejorar vuestro posicionamiento en la red.

SEOscreenshot-1

Las palabras clave no aparecen en el snippet pero son esenciales para que el sitio web aparezca al introducirlas en el buscador. Como puedes ver en la captura anterior, este plugin nos ayuda a determinar las palabras clave escaneando la entrada o página de nuestro sitio web.

Además, en WordPress también podemos añadir categorías y etiquetas o tags a cada página o entrada que publiquemos. Estas categorías y etiquetas también pueden ayudarnos a mejorar muchísimo el posicionamiento. Es importante dedicar un tiempo para decidir qué palabras clave son las más adecuadas para describir esas categorías y etiquetas de nuestro sitio web. Para ello, puede ser muy interesante que hagamos una lista de palabras clave o que hagamos pruebas en los buscadores para comprobar con qué palabras clave aparece nuestra competencia. ?

CapturaEtiquetasCats

5. Crea un blog dentro de tu página web para generar más tráfico y tratar temas variados

Un blog es la excusa perfecta para generar contenidos nuevos de forma periódica. En él podemos tratar sobre temas adicionales que nos ayudarán en consecuencia a atraer a usuarios que hagan búsquedas diferentes. Esa periodicidad de contenidos es valorada muy positivamente por los buscadores y, de nuevo, si usamos el blog para crear contenidos originales, podremos ganar un buen posicionamiento en Google en cuestión de meses.

EditoresSubtitulosJaT

Estas son las técnicas que he utilizado yo en los últimos 2 años. Son muy sencillas y fáciles de aplicar. De hecho, debo reconocer que muchas de ellas empecé a aplicarlas por intuición, pues no tenía apenas conocimientos de SEO, pero con el tiempo, tras leer varios manuales sobre SEO y marketing descubrí que, efectivamente, eran adecuadas. Espero que, de aquí en adelante, también os sirvan a vosotros para conseguir un buen posicionamiento en la red.

Origen: 7 herramientas para crear tu propia página web

Crear una página web nunca ha sido tan fácil. En los últimos años, han surgido un montón de herramientas diversas que nos facilitan el proceso de creación de un sitio web y nos ayudan a hacer cosas que difícilmente podríamos hacer tan rápido si tuviéramos que aprender HTML5, CSS3, PHP o Javascript. En esta entrada, vamos a repasar algunas de las herramientas más populares para que así puedas descubrirlas y empezar a usarlas si estás pensando en crearte tu propia página web. Vamos a distinguir entre tres tipos o grupos de herramientas: editores online, editores de HTML y sistemas CMS.

Editores online

1. Wix: cada vez surgen más sitios que te permiten crear tu página web usando editores visuales sin necesidad de escribir ni una sola etiqueta de código. Wix es uno de esos sitios. Es tan fácil de utilizar que cualquier usuario medio podría crearse una página web sencilla en poco tiempo. Su editor visual es muy intuitivo y te permite crear bloques y arrastrar elementos para que los ubiques justo en el sitio que tú quieras. Lo malo es que la versión gratuita tiene opciones limitadas, por lo que si quieres disfrutar de todas las ventajas de Wix vas a tener que contratar una cuenta Premium. Pero si no necesitas una página web demasiado compleja puede ser una buena opción.

editorwix

2. Weebly: Weebly es un editor similar a Wix. Su interfaz se parece más a un editor clásico de páginas web, aunque también permite modificar los elementos de una forma sencilla, pinchando y arrastrando o modificando directamente los contenidos dentro del editor visual. Personalmente, encuentro más cómodo e intuitivo el editor de Weebly que el de Wix, aunque si quieres hacer cosas más complejas como por ejemplo crear una web con TPV vas a tener que contratar un plan de pago.

CapturaWeebly

Editores HTML

3. Adobe Dreamweaver: Dreamweaver es el editor web más conocido y más utilizado por los diseñadores. Forma parte de la suite Creative Cloud de Adobe y, por tanto, es perfectamente compatible con otras herramientas de diseño gráfico de la misma suite, como Photoshop o Illustrator, lo que convierte a Dreamweaver en una opción más que recomendable si quieres invertir en una herramienta de pago. Es una herramienta idónea si tienes conocimientos de HTML5, CSS3 o PHP. De lo contrario, quizá lo mejor sería que optaras por una herramienta un poco más asequible hasta que adquieras un conocimiento mayor de estos códigos, pues Dreamweaver es una herramienta de perfil avanzado ideada para profesionales del diseño (aunque eso no significa que no puedas utilizarla :P).

DreamweaverCC

4. Kompozer: Kompozer es un editor de HTML gratuito. Es una herramienta muy versátil que es ideal si la utilizas como complemento de otras aplicaciones, aunque si quieres también puedes utilizarla para desarrollar un sitio web en HTML. Personalmente, la encuentro muy útil para ahorrar tiempo a la hora de crear elementos en HTML como barras de navegación, listas de enlaces, botones personalizados o galerías de imágenes. Es un editor ideal para empezar a sumergirte en HTML5, CSS3 o PHP.

kompozer

 

Sistemas CMS 

Los sistemas CMS se han ganado un puesto de honor entre las herramientas de desarrollo de páginas web. Desde su explosión a mediados de la década del 2000, cambiaron por completo el concepto de diseño que existía hasta entonces, en el que por lo general para poder crear un sitio web era necesario confeccionarlo en un editor tradicional a base de introducir código y más código. Los sistemas CMS permiten separar diseño y contenido, de forma que ahorran mucho tiempo y esfuerzo al usuario. De hecho, con ellos puedes confeccionar sitios web aparentemente complejos sin necesidad de utilizar código, pues ellos generan el código por ti de manera automática. A continuación, vamos a repasar los tres sistemas CMS más populares según los datos estadísticos del W3C: Joomla, Drupal y WordPress.

CapturaW3c

Sistemas CMS más utilizados (Fuente: W3C). En gris, el porcentaje de usuarios. En verde, la cuota de mercado.

5. Joomla: Joomla es un CMS gratuito basado en PHP que permite generar sitios web dinámicos. Su panel de administración te permite, entre otras cosas, instalar plantillas y personalizar tu sitio web por módulos, así que con poco vas a poder conseguir resultados muy buenos. Es una herramienta muy utilizada sobre todo para desarrollar sitios web de comercio electrónico, aunque en realidad se puede utilizar para fines muy diversos (plataforma de blogging, web personal, TPV, sitio de e-learning, etc.). No obstante, no considero que sea un CMS accesible para un usuario de perfil medio/bajo, dado que su panel de administración no es tan intuitivo como el de otros CMS.

Joomla

6. Drupal: Drupal es otro sistema CMS basado en PHP y combinable con MySQL (al igual que Joomla y WordPress), que puede utilizarse para múltiples propósitos, aunque curiosamente se ha estandarizado para desarrollar comunidades y sitios web participativos. Permite confeccionar sitios web utilizando plantillas y módulos (hay miles disponibles). No obstante, su curva de aprendizaje es bastante alta, dado que es una herramienta creada por programadores y para programadores, por tanto si buscas un sistema CMS fácil de usar e intuitivo quizá Drupal no sea la mejor opción (aunque eso no significa que no puedas aprender a utilizarlo).

Drupal_5_Screenshot

7. WordPress: como puedes ver en el gráfico anterior, WordPress es el sistema CMS más utilizado por los usuarios de Internet y el que tiene una mayor cuota de mercado (un dato importante). Al contrario de lo que ocurre con Drupal y Joomla, su interfaz es mucho más intuitiva, por lo que la mayoría de usuarios medios que quieren utilizar un CMS para desarrollar un sitio web suelen recurrir a esta herramienta. WordPress surgió inicialmente como plataforma deblogging, pero poco a poco fue evolucionando hasta el punto de que ahora puede utilizarse para crear cualquier tipo de página web. Hay miles de plantillas disponibles y miles de widgets y plugins que permiten a los usuarios potenciar sus páginas web sin necesidad de introducir código.

CapturaWordpress

¿Te gustaría crear tu propia página web?

Aunque en teoría las herramientas anteriores nos  facilitan el proceso de creación de un sitio web, en la práctica es recomendable conocer a fondo las herramientas para poder sacarles el máximo partido y crear un sitio web a la altura de las expectativas. Yo llevo varios años utilizando las herramientas anteriores (por eso las conozco y puedo hablarte de ellas) y he creado páginas web en diversos formatos (HTML, WordPress, Joomla, PHP, etc.) y para diferentes fines. Todavía recuerdo cuando, allá por el año 2004, creé una página web basada en HTML primitivo estructurada en frames(¡qué tiempos aquellos! :D), un recurso que en la actualidad ha quedado obsoleto.

En Traduversia imparto un curso de diseño web en el que te explico paso a paso cómo debes afrontar todo el proceso de creación de tu página web. La herramienta elegida es WordPress, pues como te he comentado antes es la más intutiva y la que puedes aprender a utilizar de una forma más rápida y efectiva en poco tiempo. Además, su versatilidad te va a permitir crear un sitio web que a buen seguro se va a adaptar a tus necesidades, y si en el futuro necesitas potenciarlo, vas a poder hacerlo gracias a los widgets y plugins. En el curso te enseño a crear dos tipos de páginas web diferentes (un microsite y una web de secciones), para que así puedas elegir la que más te convenga y personalizarla a tu gusto.

Personalmente, desde que tengo una página web he podido ampliar mi cartera de clientes y son cada vez más los clientes potenciales que me escriben a través de mi formulario de contacto. Gracias al formulario, he podido entrar en contacto con clientes directos para proyectos interesantes y hace ya tiempo que me he olvidado de escribir a agencias. Te aseguro que no hay nada como sentir que tienes el control total y absoluto de tu propia página web, pues eso significa que puedes hacer con ella lo que tú quieras sin depender de nadie. Si estás dispuesto, yo puedo enseñarte eso y mucho más. Recuerda que puedes acceder a los cursos de Traduversia de forma ilimitada, por lo que eso significa que puedes tener soporte asegurado para siempre. 🙂

OrigenLa página web de un traductor profesional: consejos, estrategias e ideas para inspirarte

Si eres autónomo y quieres ofertar tus servicios profesionales como traductor a nuevos clientes, muy probablemente vas a necesitar invertir tiempo o dinero en confeccionar una página web. Está claro que una página web no es un recurso obligatorio (hay muchos profesionales que no la tienen porque no quieren o porque no la necesitan), pero sí es muy recomendable. Vamos a repasar algunos consejos y estrategias que a buen seguro te ayudarán a sacarle el máximo partido a tu página web.

1. Describe los servicios que ofreces a tus clientes potenciales

Está claro que, como profesionales, nuestro objetivo debe ser (primero) informar a nuestros clientes de los servicios que podemos brindarles y (segundo) convencerles para que nos contraten. En consecuencia, tu página web deberá incluir una página o una sección en la que se detallen todos los servicios que puedes ofrecer a tus clientes potenciales.

¿Cómo puedes hacerlo?

Hay muchas estrategias para destacar los servicios en una página web. Una buena estrategia podría serdestacar algunos servicios en la portada del sitio web, pero sin llegar a dar todos los detalles sobre ellos, de forma que el interesado pueda ampliar información haciendo clic en un enlace para seguir leyendo (idealmente en una sección o página de servicios). A mí me gustan bastante las estructuras con bloques de texto, listas o iconos.

CapturaIconosPortada2

 

Ejemplo de estructura con iconos del tema Relevance

 

CapturaIconosPortada

Ejemplo de estructura con iconos del tema Enfold

2. Cuenta de una forma breve y concisa tu formación y tu experiencia

Aunque el objetivo principal es conseguir que contraten nuestros servicios, no podemos olvidarnos de que antes debemos generar confianza para ganar valor. Un cliente muy difícilmente va a contratar tus servicios si no puede informarse acerca de quién eres, tu experiencia o tu formación. Lo ideal sería hacerlo de una forma breve y concisa, destacando los aspectos esenciales en la web, pero sin enrollarse demasiado. Si quieres mostrar tu trayectoria completa, siempre puedes añadir un enlace a tu CV para ampliar información.

¿Cómo puedo hacerlo?

Personalmente, encuentro muy interesantes a nivel visual estructuras dinámicas de tipo cronología o líneas de tiempo. El tema gratuito OneEngine (que, por cierto, enseño a configurar en el curso de diseño web de Traduversia) incorpora una sección de About que permite crear una línea de tiempo vertical dinámica muy interesante. Este tipo de formatos son muy atractivos visualmente y ayudan estructurar de una forma muy práctica la información.

CapturaAboutOneEngine1

Ejemplo de línea de tiempo del tema One Engine

3. Expón algunas muestras de tu trabajo o describe algunos de tus proyectos

Otra fórmula muy práctica para aportar valorar y generar confianza en tu sitio web consiste en exponer muestras de tu trabajo o describir proyectos relacionados con tus especialidades. De esta forma, podrás mostrarle a tus clientes potenciales de una manera muy práctica cómo desarrollas tu trabajo, tus métodos y el resultado final de los proyectos expuestos.

¿Cómo puedo hacerlo?

Desde hace un tiempo están muy de moda los denominados portfolios o portafolios, que suelen ser páginas o secciones destinadas a exponer proyectos de una forma visual. Se utilizan formatos muy diversos: grids, masonries, galerías, carruseles y muchos más. Depende del tipo de proyecto que quieras exponer y de los elementos que quieras incorporar (solo texto, fotografías, vídeos, audios…). Una estrategia interesante puede ser reservar una zona de la portada de tu sitio web para mostrar algunos de esos proyectos como elementos destacados.

editorwix

Ejemplo de portafolio desarrollado con Wix

CapturaPortFolio1

Ejemplo de elementos destacados del portafolio en portada

4. Abre una vía de contacto directo con tu clientes

La finalidad de nuestro sitio web no es exclusivamente informar. En realidad, nuestro objetivo final es «vender», y para ello es muy recomendable abrir una vía de contacto con los usuarios potenciales. Un formulario de contacto puede ser muy interesante para ese fin. En WordPress son bastante sencillos de configurar y muy prácticos para cumplir con este requisito. Por supuesto, el formulario no es un elemento indispensable (aunque sí muy recomendable), pues siempre se pueden dejar los datos de contacto en alguna zona visible de la web.

CapturFormularioRLSa

Captura del formulario de mi web profesional

CapturaFormularioPablo

Captura del formulario de la web de Pablo Muñoz

5. Añade testimonios o valoraciones de tus clientes

Sin duda, la mejor forma de “echarte flores” o destacar aspectos sobre ti es dejar que sean otros los que opinen. De esta forma, podrás generar aún más confianza en el visitante. Si ven que otros profesionales han quedado muy satisfechos con tu trabajo, muy probablemente el usuario que acceda podrá hacer la asociación de que también lo harás bien con él.

¿Cómo puedo hacerlo?

Lo primero es conseguir esas recomendaciones. Si ya llevas años en esto, seguro que puedes encontrar fácilmente algunos comentarios, valoraciones o recomendaciones de antiguos clientes o empresas para las que trabajaste. Si no tienes nada, piensa en comenzar a cosechar algunas, pues te garantizo que te vendrán muy bien. Páginas comoLinkedin o Proz son muy útiles para pedir recomendaciones a otros profesionales de nuestro mismo sector. Dales caña.?

A nivel de diseño, se pueden optar por estrategias diversas. En mi opinión, no creo que sea necesario generar una página completa con testimonios. Quizá lo idóneo sería añadir esos testimonios en bloques que formen parte de alguna sección de nuestra web (Servicios, Sobre mí, Portafolios, etc.). De esa forma, le darás todavía más valor a los contenidos de esa sección en concreto. Si los añades al portafolios, justo al final de cada proyecto (por ejemplo), eso reforzará todavía más la descripción del proyecto y lo hará más creíble a ojos del usuario.

TestimonialsGrid

Opiniones en formato grid (tema Enfold)

6. Aplica estrategias de SEO y consigue un buen posicionamiento en buscadores 

Uno de los objetivos principales de un sitio web es atraer clientes. Para ello, va a ser muy importante que trabajemos mucho el SEO para conseguir aparecer en los primeros puestos de los buscadores cuando los usuarios hagan búsquedas relacionadas con nuestros servicios o nuestras especialidades.

¿Cómo puedo hacerlo?

Buena parte del mérito de aparecer entre los primeros resultados de una búsqueda suele deberse principalmente a haber elegido correctamente las palabras claves que forman parte de los metadatos de nuestro sitio web. Losmetadatos son un tipo de información descriptiva (etiquetas, palabras clave, descripciones, etc.) sobre la página que reconocen los buscadores. Suelen incluirse dentro de la etiqueta head (cabecera) del código HTML del sitio web. Hay un montón de plugins de SEO compatibles con WordPress que facilitan la labor de configurar los metadatos de las páginas y entradas de nuestro sitio web. Uno de ellos es el plugin WordPress SEO by Yoast, que os recomiendo si tenéis una página web desarrollada con WordPress.

SEOscreenshot-1

Otra estrategia muy interesante y muy común es crear un blog dentro del sitio web. Un blog le da mucha vida a un sitio web y es una estrategia muy atractiva desde el punto de vista del SEO y el marketing. Es una buena excusa para enganchar a usuarios y tener un público fiel que entre de manera continuada en el sitio web. Además, con un blog puedes aplicar más estrategias de SEO y marketing como añadir enlaces a otras páginas más visitadas, generar expectación anunciando entradas, captar usuarios para hacer mail marketing y mucho más. Desde luego, es una opción muy recomendable, pero no hay que olvidar que un blog debe tener sentido en sí mismo. Los contenidos deben ser originales e interesantes, y eso es una labor difícil que requiere mucho tiempo y esfuerzo.

7. Crea un sitio web con un diseño que encaje con tu imagen profesional y tus contenidos

No cabe duda de que uno de los elementos distintivos de una página web es el diseño. Para eso, puede ser muy interesante hacer una pequeña inversión en imagen corporativa. Un logotipo y unos colores asociados a tu imagen pueden darte muchas ideas para crear un sitio web con un diseño atractivo.

¿Cómo puedo hacerlo?

La parte artística es quizá la más complicada si no tienes conocimiento de diseño. Nosotros, en Traduversia, contratamos a Geekia, una empresa de diseño gráfico que se encargó de crear toda nuestra imagen corporativa. Posteriormente, fuimos nosotros los que integramos con bastante esfuerzo toda esa imagen en nuestro sitio web. Por tanto, si tuviera que darte un consejo, te recomendaría que invirtieras en imagen corporativa y, luego, si tienes conocimientos de diseño web o se te da bien la informática, quizá puedas encargarte de integrar esa imagen en un sitio web que crees por tu cuenta. Actualmente no es una labor muy complicada, pues como ya comenté en una entrada anterior hay un montón de herramientas gratuitas para eso que te facilitarán toda la labor. Pero si quieres hacer algo digno de ver, quizá deberías tomarte un tiempo para experimentar y aprender algunas nociones básicas de diseño web. Y si quieres ir directamente al grano, te recuerdo que en Traduversia imparto un curso sobre diseño web bastante completo en el que te enseño a crear dos tipos de páginas web diferentes.

Origen: Cómo añadir una barra de redes sociales a tu página web

En esta nueva entrada, voy a explicarte cómo puedes añadir una barra o menú de redes sociales a tu página webdesarrollada en WordPress. Para ello, hay que utilizar un plugin llamado Floating Social Media Icon. Se trata de unplugin gratuito que te va a permitir añadir varios iconos de redes sociales (Facebook, Twitter, Linkedin o Google +, entre otras) dentro de un menú flotante. Puedes elegir entre varios tipos de iconos y modificar sus tamaños y su apariencia, así que es una herramienta muy personalizable que da mucho juego.

A continuación, puedes ver una captura de pantalla con los iconos del plugin y el vídeo con toda la explicación de cómo instalarlo. ¡Espero te guste!

 

CapturaPlugin

 Vídeo de la entrada

¿Te has quedado con ganas de más? ¡Apúntate al curso!

Si te has quedado con ganas de más, te invito al curso de diseño web para traductores que imparto en Traduversia. En él, te enseño a crear paso a paso dos tipos de páginas web diferentes: un microsite y una web de secciones. Además, hay varios consejos y trucos como este que te ayudarán a mejorar tu sitio web. Si quieres saber más sobre el curso, te invito a que le eches un vistazo al programa y al vídeo de presentación. ¡Nos vemos allí!

  • Fecha de celebración: 21 de marzo de 2014
  • Lengua vehicular: español
  • Hora de inicio: 19:00 (España)
  • Duración estimada: 1 hora y 30 minutos
  • Docente: Rafael López Sánchez
  • Plataforma de emisión: Google Hangouts
  • Número de plazas ofertadas: 10 (2 de ellas gratuitas mediante sorteo).
  • Plazas restantes: AGOTADAS, pero la participación en el sorteo sigue abierta.
  • Precio: 20€
  • ¡Apúntate aquí!

Promo

El próximo 21 de marzo impartiré a través del blog un webinario sobre diseño web para traductores. Dado el éxito que tuvo la vídeoentrada gratuita Cómo diseñar tu web profesional con WordPress, he querido dar un pasito más y ofreceros a todos la posibilidad de asistir a un webinario en directo conmigo en el que os explique paso a paso y de principio a fin cómo podéis diseñar vuestra propia página web profesional.

En la vídeoentrada anterior os explicaba aspectos muy básicos como la instalación de WordPress y su configuración estándar, pero en este tiempo me he percatado de que sois muchos los que queréis seguir profundizando en el tema para ampliar las posibilidades de vuestro sitio web. Por ello, el webinario se centrará en cumplir muchos de los objetivos y cuestiones que me habéis trasladado hasta la fecha, además de otros que considero interesantes y que se citan a continuación.

Objetivos del webinario:

  • Crear un sitio web multilingüe con diseño adaptativo (responsive) para móviles y tabletas;
  • Aprender a personalizar el diseño de dos plantillas Premium (incluidas);
  • Aprender a instalar y configurar plugins y widgets especializados para diferentes fines;
  • Aprender a implementar elementos interactivos como menús basados en jQuery, formularios de contacto, slides, barras de redes sociales, galerías o vídeos;
  • Aprender a modificar los tipos de fuente y el diseño de nuestras plantillas modificando la hoja de estilos (CSS);
  • Utilizar herramientas FTP para transferir archivos a nuestro sitio web;
  • Desarrollar nociones básicas de diseño y aprender a aplicarlas a nuestro sitio web;
  • Conocer las tendencias actuales del diseño web y comprender su aplicación;
  • Entender el funcionamiento de WordPress como sistema de gestión de contenidos (CMS);
  • Solucionar dudas y responder a cuestiones relacionadas con el proceso de desarrollo y publicación del sitio web.

Requisitos:

  • Conexión a internet;
  • Un navegador web (Google Chrome, Mozilla Firefox, Safari o Internet Explorer);
  • Conocimientos básicos de informática a nivel usuario: uso del explorador de archivos, gestión de carpetas y uso básico del sistema operativo.

Materiales del curso:

Antes de iniciar el webinario, se proporcionará a los alumnos una carpeta con todos los materiales necesarios para la instalación y el desarrollo del sitio web. Esta carpeta incluirá los siguientes materiales:

  • Archivos de instalación de WordPress (versión 3.8.1);
  • Pack de actualización en español;
  • Archivos de instalación de Filezilla (Cliente FTP gratuito);
  • Archivos de instalación de 7Zip (descompresor de archivos gratuito);
  • Tutorial en PDF.

Desarrollo del webinario:

El webinario se emitirá en tiempo real a través de Google Hangouts. Se creará una lista privada y se facilitará el acceso a todos los alumnos que se inscriban en el webinario. La retransmisión incorpora chat y otras herramientas adicionales que facilitan la transferencia de archivos y el proceso comunicativo entre los usuarios y el ponente. Para poder acceder a la retransmisión, es necesario disponer de una cuenta de Google.

Matriculación:

Se ofertan un total de diez (10) plazas para este webinario. Dos de ellas se asignarán gratuitamente mediante un sorteo. Para matricularse y para poder participar en este sorteo, es imprescindible rellenar este formulario de inscripción, en el que se facilita toda la información relativa al proceso de inscripción.

¿Qué dices? ¿Te apuntas?

BotonMeApunto

*Si te ha quedado alguna duda, puedes comunicármela a través del formulario de inscripción o a través del blog.

¡Te espero!

¡Hola, traductores!

Estos días me he dado una vuelta por la blogosfera para ver lo que se cuece y me he dado cuenta de que muchos blogs todavía tienen incorporada la incómoda referencia “via @wordpressdotcom” en los botones de Twitter de WordPress. Esto provoca que los usuarios de esta red social no vean el nombre de usuario del autor del blog lo que, en términos de visibilidad y repercusión, no es muy recomendable. Con esta configuración, a la hora de compartir esta entrada aparecería por defecto este mensaje:

Cómo quitar la referencia “via @wordpressdotcom” y poner vuestro nombre de usuario en vuestros botones de Twitter [enlace a la entrada] via @wordpressdotcom

Como algunos ya sabéis, hace apenas un par de días estrené nuevo nuevo diseño para el blog. Sin embargo, esto ha provocado que se desconfigurara por completo el plugin Publicize (incluido dentro del Jetpack), que es el que se utiliza para añadir la botonera para compartir entradas en las redes sociales. En principio este problema debería solucionarse vinculando de nuevo nuestras cuentas de redes sociales a los botones, dentro del menú ajustes, en la pestaña de “Compartir” (o “Sharing”, si tenéis el blog configurado en inglés). Sin embargo, según he podido leer en los foros de WordPress, Publicize es un plugin que tiene todavía algunos fallos y que no siempre funciona como debiera. Por tanto, es posible que, aun configurando la vinculación entre nuestras cuentas y WordPress, el plugin siga sin funcionar (que es justo lo que me ocurría a mí).

PublicizeBlog

La solución definitiva

Así que, después de haber investigado bastante, he podido dar con una solución. La idea es muy simple. Si no puedo utilizar el botón de Twitter de “Publicize”, ¿por qué no me creo yo el mío propio? A lo mejor os suena demasiado complicado, pero resulta que Publicize incluye una opción que nos permite añadir botones personalizados. No es demasiado complicado, aunque hay que saber insertar un código especial para el enlace de compartir.

Así que, aquí va mi solución. Para crear vuestro botón tenéis que dar los siguientes pasos:

1.- Accedéis dentro de vuestro escritorio de WordPress al menú “Ajustes” (en inglés, “Settings”), y accedéis a la pestaña “Compartir” (“Sharing”).

2.- Una vez dentro, tenéis que hacer clic en “Añadir un servicio nuevo” (en inglés “Add a new service”), que es un hipervínculo que está ubicado debajo de la botonera que aparece debajo de la tabla con los botones y servicios disponibles.

PublicizeBlog2

3.- Cuando hagáis clic en esa opción, se os abrirá un cuadro de diálogo, en el que tendréis que rellenar tres campos: Nombre del servicio (“Service Name”), URL para compartir (“Sharing URL”) y URL del icono (“Icon URL”). Tendréis que introducir los siguientes datos:

  • Nombre del servicio (“Service Name”): En este campo escribiremos el texto que dará nombre al botón, y que aparecerá incrustado dentro de él. Yo, por ejemplo, le he puesto al mío el nombre siguiente: “Twitter”
  • URL para compartir (“Sharing URL”): Este es el campo más delicado y el más importante, pues necesitamos insertar una URL personalizada que es la que nos va a permitir añadir el nombre de usuario de manera automática a todas nuestras entradas. La URL que tenéis que insertar es la siguiente (atentos a los textos en negrita, porque tendréis que modificarlos con vuestros datos):

https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fmiweb.com%2F&source=tweetbutton&text=%post_title%&url=%post_url%&via=minombredeusuariotwitter

Por si acaso os liáis modificando la URL anterior, os dejo por aquí la que yo utilicé, que seguro que os lo aclara todavía más:

https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fjugandoatraducir.wordpress.com%2F&source=tweetbutton&text=%post_title%&url=%post_url%&via=STraductores

  • URL del icono (“Icon URL”): Aquí tendremos que insertar la ruta de la imagen que formará parte del botón a modo de icono. Se recomienda utilizar imágenes de un tamaño de 16x16px. Yo he diseñado mis propios iconos modificando varias imágenes originales de Twitter. Los pongo a vuestra disposición en los siguientes enlaces para que los podáis descargar:

Icono 1 | Icono 2

Por último, haremos clic en “Crear” (“Create”), y veremos que automáticamente aparecerá un botón nuevo dentro de la tabla de botones disponibles con el nombre y el icono elegidos durante todo el proceso anterior. Ahora, simplemente tendremos que arrastrarlo a los servicios/botones activados, y guardar la configuración.

Otras soluciones

La solución que os he comentado es para aquellos usuarios que tengan su blog alojado dentro del hosting por defecto de WordPress. Sin embargo, aquellos que tengan su blog alojado en su propio hosting podrán solucionar este problema muy fácilmente desactivando “Publicize” y utilizando un plugin diferente. Entre los más destacados para estos fines, yo destacaría Shareholic (cuya botonera es interactiva y muy atractiva visualmente) y Simple Share Buttons Adder (que permite crear tus propios botones personalizados).

¡Problema resuelto!

Y se acabó, ya podemos disfrutar de nuestro nuevo botón personalizado en todas las entradas nuevas que publiquemos. Por fin podremos olvidarnos de una vez por todas del ya conocido y odiado problema del “via @wordpressdotcom”.

Si por un casual os surgiera algún problema, no dudéis en escribirme. Estaré encantado de echaros un cable con el proceso, que para estamos.

¡No olvidéis compartir la entrada!

¡Hasta la próxima!

NOTA: He creado un curso de diseño web en Traduversia en el que vas a poder aprender a crear dos tipos de páginas web diferentes, un microsite y una web de secciones, todo desarrollado en WordPress. Si te ha gustado la entrada, puedes ampliar información AQUÍ.

Después de una semana de trabajo bastante intensa, por fin he podido terminar el vídeotutorial en el que llevaba trabajando desde antes de Navidad.

Esta entrada pretende ser una continuación de una entrada anterior titulada “La web del traductor 2.0”, en la que os mencioné algunas herramientas online y programas con los que podíais elaborar vuestra propia página web sin mucha dificultad. WordPress es la que a mí me ha parecido la más interesante para este fin, aunque trabajar con él no siempre es sencillo para todos. Por eso, he elaborado esta entrada pensando sobre todo en aquellos a los que más les cuesta llevar a buen puerto este tipo de tareas.

  • Quiero aclarar que esta entrada con vídeotutorial es completamente amateur, y que en ningún momento pretende quitar mérito a aquellos diseñadores o proveedores de servicios de diseño web a nivel profesional. Esta es simplemente una forma sencilla de explicar en qué consiste todo el proceso para que todos aquellos que quieran tomar la iniciativa y deseen hacerlo por su propia cuenta puedan conseguirlo fácilmente. Para aquellos que tengáis una ambición mayor al respecto, os recomiendo directamente contactar con diseñadores profesionales.

TutorialWP

1. Introducción: ¿Qué es WordPress?

La definición formal nos dice que “WordPress es un sistema de gestión de contenido (en inglés Content Management System, o CMS) enfocado a la creación de blogs”. Pero, aunque WordPress se suele utilizar principalmente para la creación de blogs, la realidad nos dice que es una herramienta que no solamente se utiliza para ese fin.

Lo de CMS es un concepto que al principio cuesta entender. Dicho de una manera muy sencilla, los CMS son unas herramientas destinadas al desarrollo de sitios web, y que nos permiten desarrollarlos online gracias a la inclusión de un panel de administración. Dentro de este panel de administración podremos ir configurando de una forma interactiva nuestra página, de forma que podamos elegir nuestras plantillas, subir nuestros archivos, añadir nuevas funcionalidades, etc. Los CMS tienen la principal ventaja de que nos permiten separar la parte del diseño web de la gestión de los contenidos, de forma que, una vez que ya hemos elegido o trabajado nuestro diseño, solo tendremos que ir añadiendo los contenidos. De esta manera, podemos automatizar todo el proceso del desarrollo y facilitar todas las tareas relacionadas con la gestión del sitio sin tener que preocuparnos por el diseño de la web, que ya habrá quedado configurado y preestablecido.

Entre las principales ventajas de WordPress destaca que es una herramienta gratuita y fácil de utilizar (al principio cuesta un poco familiarizarse con ella, pero una vez conseguido, todo es muy intuitivo). Además, es una herramienta muy personalizable que podemos adaptar a nuestras necesidades si somos capaces de hacer un planteamiento adecuado y sabemos sacarle el máximo partido. Este se debe, principalmente, a la inclusión de una serie de herramientas complementarias, los widgets y los plugins, y a la gran variedad de plantillas (themes) que hay disponibles en internet.

A la hora de crear nuestro sitio con WordPress, podemos elegir entre dos opciones. La primera de ellas, y la más sencilla, es la de crearnos una cuenta directamente en WordPress, de forma que nuestro sitio ya aparezca instalado por defecto dentro del sitio web de WordPress. Este proceso es mucho más sencillo, pero trae consigo una gran cantidad de limitaciones que no nos permitirán personalizar nuestro sitio a nuestro gusto.

El segundo método consiste en descargar los archivos de instalación de WordPress para instalarlo en un servicio de alojamiento que nosotros contratemos en internet. Esta segunda opción es, en mi opinión, mejor que la anterior, pues es la que nos permitirá instalar todos los plugins, widgets y plantillas con los que queramos trabajar.

Es este último procedimiento el que vamos a seguir para desarrollar nuestro sitio web con WordPress.

2. ¿Qué necesitamos para crear nuestro sitio web con WordPress?

  1. Los archivos de instalación de WordPress: Lógicamente, es lo primero que tenemos que descargar. Podéis descargarlos en esta dirección: http://es.wordpress.org/
  2. Alojamiento: a continuación, tendremos que crearnos una cuenta con un proveedor de alojamiento (también conocido en la red como hosting). A ser posible, os recomiendo que busquéis uno gratuito. Yo os propongo utilizar 000webhost (www.000webhost.com).
  3. Acceso FTP: Necesitaremos tener acceso mediante FTP al servidor de nuestro proveedor de hosting, de forma que podamos subir los archivos de instalación de WordPress. Para tal fin, os recomiendo que utilicéis Filezilla, un cliente FTP que podéis descargar aquí.
  4. Editor de páginas web: A lo largo del proceso, necesitaremos editar uno de los archivos .php para poder instalar WordPress correctamente. No es necesario hacer la edición con un editor web (se puede hacer con el mismo bloc de notas), pero yo os recomiendo que lo utilicéis, pues os vendrán mejor indicadas las etiquetas y podréis distinguir mejor los elementos que hay que cambiar. Os propongo que utilicéis Adobe Dreamweaver o Kompozer.
  5. Los contenidos de nuestra página: Os recomiendo que antes de aventuraros a diseñar el sitio web, hagáis un esquema con la estructura que queráis que tenga vuestro sitio web y, a ser posible, que redactéis los contenidos de las diferente secciones y tengáis preparados las imágenes y el resto de elementos que queráis incluir en ella. Yo, por ejemplo, suelo redactarlo todo en un archivo de Word, en el que voy añadiendo las imágenes y demás elementos, de forma que a la hora de diseñar el sitio web solo tengo que copiarlos y pegarlos dentro de las diferentes página y entradas.
  6. Paciencia, mucha paciencia: No siempre nos saldrán las cosas a la primera, y lo normal es atascarse varias veces durante el proceso, así que os recomiendo que, desde ya, os arméis de paciencia. Os aseguro que, al final, cuando veáis el sitio web terminado, os habrá merecido la pena el esfuerzo.
  7. Ver el siguiente vídeotutorial: En el siguiente vídeotutorial, os explico paso a paso cómo podéis crear vuestro sitio web. No me he saltado ningún paso, de forma que la idea es que podáis ir haciendo todos los pasos a la vez que vais visualizando el vídeo.

3. Vídeotutorial: Cómo diseñar vuestra página web profesional con WordPress

A continuación, podréis visualizar el vídeotutorial que he confeccionado (os recomiendo encarecidamente que lo veáis en HD). El vídeo dura poco más de una hora. Aunque es un poco largo, creo que merece la pena verlo de principio a fin, pues podréis seguir todos los pasos directamente sin tener que consultar ninguna otra página o fuente. Os pido disculpas con antelación por los errores de expresión o por si voy demasiado rápido en algunos puntos (es complicado ir haciéndolo todo mientras lo explico). Si os atascáis, os surge algún problema o no entendéis alguno de los pasos, no dudéis en contactarme. ¡Buena suerte!

[vimeo 57267387 w=500 h=281]

Cómo diseñar tu propia página web profesional con WordPress – Blog Jugando a Traducir de Rafael López en Vimeo.

NOTA: He creado un curso de diseño web en Traduversia en el que vas a poder aprender a crear dos tipos de páginas web diferentes, un microsite y una web de secciones, todo desarrollado en WordPress. Si te ha gustado la entrada, puedes ampliar información AQUÍ.

Después de las entregas anteriores sobre (0) “el equipamiento informático del traductor”,  (1) “las herramientas y software genéricos más utilizados por los traductores“, (2) “las herramientas utilizadas por el traductor audiovisual y el subtitulador profesional” y (3) “herramientas TAO” , hoy os dejo en el blog el quinto artículo de la “Guía básica de software para traductores”, que publiqué hace unos días en PDF y que todavía podéis descargar aquí. Hoy, en esta entrega, os ofrezco un compendio que incluye información básica sobre herramientas y software para la localización de imágenes, páginas webs y software. También se incluyen comparativas de precio entre los programas más conocidos y utilizados actualmente por los traductores profesionales.

1. Introducción

La localización (L10N) es el proceso de adaptar y traducir productos de software o similares a otras lenguas. Para llevar a cabo este proceso, previamente estos productos deberán haber sido correctamente internacionalizados (I18N), es decir, deberán haber sido diseñados de forma que puedan adaptarse fácilmente a otras lenguas sin necesidad de realizar cambios en la ingeniería o el código de los mismos.

Para llevar a cabo dichas adaptaciones, por lo general, los traductores (localizadores) se valen de diversos programas y software que son necesarios para llevar a cabo dichas tareas. A continuación, podréis encontrar una selección de algunos de los programas más utilizados por los localizadores profesionales. Están agrupados en tres categoría diferentes: localización de imágenes, localización de páginas webs y localización de software y videojuegos.

2. Software para localización de imágenes

Una de las tareas más básicas dentro del campo de la localización es la localización de imágenes. Por lo general, esta es una tarea que tradicionalmente han desempeñado los diseñadores gráficos. Pero en la actualidad, los traductores están comenzando a desarrollar sus competencias en esta materia. Localizar una imagen no siempre es sencillo, pues muchas veces las imágenes pueden llevar implícitos problemas como referencias culturales, juegos de palabras, dobles sentidos, etc., que a la hora de ser traducidos requieren no solo una destreza técnica, sino también de una alta competencia traductora. Asimismo, en ocasiones existen restricciones en cuanto a la longitud de los textos, o distribución de las palabras, por tanto también es necesario desarrollar unas mínimas nociones de diseño gráfico y marketing publicitario, si bien no siempre son necesarias, aunque sí recomendables.

Además, cada imagen lleva implícitas unas características diferentes que la harán más difícil de traducir o menos en comparación con otras. Por ejemplo, no es lo mismo traducir un texto que está ubicado sobre fondo blanco, que un texto que tiene como fondo a una fotografía. En el segundo caso, la dificultad es más elevada, al tener que dejar intactos los elementos de fondo de la fotografía. Esta gradación es igualmente aplicable al resto de imágenes.

Para su correcta edición, los profesionales suelen utilizar editores gráficos en general. Dentro de este género hay una gran cantidad de programas que pueden ser útiles para estos fines. De entre todos ellos, los siguientes son los mejores considerados actualmente en el mercado:

  • El más utilizado y famoso es, sin duda, Adobe Photoshop. Es el editor de imágenes profesional más utilizado del mundo. Sus muchísimas opciones y posibilidades no dejan de crecer, llevando el retoque de fotografías a un nuevo límite en cada versión. A pesar de que existan alternativas gratuitas, Adobe Photoshop juega a otro nivel en cuanto a edición de fotos. Las herramientas exclusivas con las que cuenta este programa permiten llevar a cabo tareas difíciles con extrema facilidad o retoques casi imposibles de identificar. Es utilizado para infinidad de propósitos, ya sea para realizar ediciones sencillas, retoques fotográficos de gran precisión, o labores de diseño gráfico. Con unos conocimientos básicos de Photoshop, seremos capaces de localizar nuestras imágenes sin demasiado problema.
  • Las mejores y más conocidas alternativas gratuitas a Adobe Photoshop son, sin duda, GIMP e Inkscape. GIMP es un editor gráfico que permite retocar fotografías y componer imágenes vectoriales o de mapa de bits. Inkscape es un potente editor especializado en dibujo vectorial con el que se pueden retocar imágenes y archivos gráficos digitales.
  • Otras herramientas profesionales que pueden ser de utilidad son Adobe Fireworks,  Adobe IllustratorCorel Draw.

Otros programas muy recomendables para la localización de imágenes son unas nuevas herramientas que han surgido y que nos permiten identificar las fuentes que son utilizadas en las imágenes que hemos de localizar. En muchas ocasiones, el mismo cliente podrá darnos esa información, e incluso enviarnos la fuente que han utilizado en caso de que esta sea original o de pago. Pero en otros casos, tendremos que ser nosotros los que seamos capaces de aplicar la misma fuente o, en su defecto, una fuente parecida. Para eso han surgido herramientas como What The Font y What Font Is, que ofrecen sus servicios básicos online de manera gratuita, y que nos permiten solucionar fácilmente este tipo de cuestiones. Simplemente tenemos que subir la imagen y automáticamente nos ofrecerá un listado de fuentes que son iguales o similares a la que presenta nuestra imagen.

3. Software para la localización de páginas web y software.

En el contexto del desarrollo multilingüe de productos de software y páginas web se desarrollan las actividades de internacionalización (I18N) y globalización (G11N), que son de vital importancia para que dichos productos puedan tener salida a nivel global.

La localización de páginas web requiere tener conocimientos básicos sobre diseño web. Los principales lenguajes utilizados para el desarrollo y diseño de páginas web son el HTML y XHTML, si bien también hay páginas desarrolladas en otros formatos como PHP, Flash o JSP. Asimismo, para traducir páginas web también será necesario, en muchos casos, localizar imágenes que aparecerán integradas en el diseño de las mismas.

Los programas para la localización de páginas web son prácticamente los mismos que figuran en la compilación de herramientas TAO, que permiten, entre otros, traducir los formatos anteriores. A continuación, se incluye una lista con los principales programas y herramientas TAO que permiten traducir páginas web (HTML y XML) y los principales formatos de archivos de software (ver catálogo adjunto para obtener más información sobre los formatos soportados por cada programa):

Gratuitos:

Listado de precios

tablaherramientastao2

(Haz clic en la imagen para ampliarla)

A continuación se presenta un catálogo que incluye los diferentes formatos soportados por los principales programas y herramientas TAO destinadas a la localización:

herramientaslocalizacion2

(Haz clic en la imagen para ampliarla)

 herramientaslocalizacion3

(Haz clic en la imagen para ampliarla)

herramientaslocalizacion4

(Haz clic en la imagen para ampliarla)


A modo de bibliografía…

Llevo varios días reflexionando sobre si sería interesante para un traductor tener un portafolio. Para los que no sepan exactamente en qué consiste, básicamente un portafolio es un sitio web (blog, wiki, flash, página personal, etc.), en donde un profesional cuelga algunos ejemplos de su trabajo, de forma que los clientes puedan comprobar de primera mano de lo que ese profesional es capaz y, consecuentemente, si les interesa o no el tipo de trabajo que realiza.

En realidad, los portafolios en internet son más propios de los diseñadores gráficos, fotógrafos, pintores o gente relacionada con el mundo de las artes gráficas. La mayoría de estos portafolios, además, están orientados a ofrecer una galería o una pequeña exposición de imágenes y fotos, y no contemplan la posibilidad de incluir mucho más.

Bueno, y entonces… ¿Por qué sería interesante para un traductor?

En realidad, creo que un portafolio es una herramienta que podría serle de mucha utilidad a un traductor audiovisual. Imaginaros una pequeña web en la que incluyeráis cosas como:

  • Fragmentos de vídeos que habéis subtitulado.
  • Ejemplos de audiodescripciones o de doblajes.
  • Algunas capturas o vídeos de sitios web, programas o videojuegos que habéis localizado, y en los que explicáis muy brevemente algún detalle que consideráis importante al respecto.
  • Alguna pequeña galería con ejemplos de imágenes localizadas, logotipos o diseños de maquetación.
  • Alguna pequeña sección con ejemplos o fragmentos de algún texto traducido del que estéis especialmente orgullosos Risa.
  • Vuestras redes sociales, páginas personales o blogs.
  • Y por supuesto, una sección sobre vosotros, con vuestro currículum y una sección de contacto.

Hace no mucho tiempo, después de reflexionar sobre cómo debería ser la página web de un traductor, di con la web de Pablo Muñoz y vi que él por ejemplo tenía una sección con un portafolio. Lo cierto es que creo que podría ser algo de mucha utilidad. Y no necesariamente hay que incluir trabajos hechos de manera profesional. También podemos incluir trabajos que hayamos hecho nosotros por nuestra cuenta, de forma que podamos ampliar nuestra visibilidad y demostrar nuestra capacidad en los diferentes campos en los que trabajemos. Es por todo esto por lo que yo ya me he puesto manos a la obra y he empezado a diseñar el mío.

portafolio

Para tal fin se pueden utilizar herramientas como WordPress o Blogger, que incluyen diseños de portafolios muy interesantes. También se pueden utilizar otras herramientas como Weebly o Wix, que son muy intuitivas y facilitan la tarea de insertar elementos multimedia dentro de la web.

¿Qué os parece la idea? ¿Creéis que tendría utilidad? ¿Atraería a clientes? ¿Alguno de vosotros tiene ya algo parecido a un portafolio?