Comenzar

Ingresar al panel de control

Haz clic en el menú de Dashboard en la barra de navegación

image-20231218100808907

Por favor, haz clic enIniciar sesión con Googleiniciar sesión con Google

image-20231218100718819

Después de iniciar sesión, ir al panel de control

image-20231218100829848

Agregar sitio

Haz clic enADD SITEagregar un sitio

image-20231220093520406

Parámetros

1.ServerName

el nombre de dominio del sitio web

2.Backend

La URL completa del backend, comohttps://10.10.10.218si solo se utiliza con fines de prueba, también puedes ingresar directamentehttp[s]://server-name para acceder a su sitio web real (luego pruebe modificando el archivo de hosts).

Durante la fase de prueba, el backend puede utilizar certificados autofirmados.

3.Sitemap.xml

Especifique la URI del mapa del sitio web de su sitio web, como/sitemap.xml. Sólo se necesita el URI, no la URL completa. i18n-proxy accederá a cada URL en sitemap.xml y la traducirá.

4.Framework

Si se trata de una arquitectura de representación del lado del servidor tradicional, como Wordpress, JSP, Spring Boot, etc., elija HTML. Si está utilizando un marco JS dinámico como React, Vue, etc., elija el marco correspondiente.

5.Translator

Elija el traductor que desea utilizar, el traductor afectará la calidad y velocidad de la traducción. ChatGPT tiene una velocidad de traducción más lenta pero una mejor calidad de traducción como modelo de lenguaje grande. Google, por otro lado, tiene una velocidad de traducción más rápida pero una calidad de traducción más baja la mayor parte del tiempo.

6.OriginHost

El nombre de host devuelto al servidor; de forma predeterminada, es el mismo que el nombre del servidor.

7.Source Language

El idioma de origen del sitio web

8.Target Languages

Los idiomas de destino del sitio web

9.Default Language

El idioma predeterminado del sitio web puede ser diferente del idioma de origen

10.Certificado de configuración

Si necesita habilitar el acceso HTTPS, deberá cargar un certificado SSL. Puede utilizar acme.sh para generar el certificado.Aquí hay un tutorial sobre cómo generar certificados usando acme.sh. Si no se establece ningún certificado, se utilizará el acceso HTTP de forma predeterminada.

11.Agregar prefijo para lanauge predeterminado

Cuando los usuarios acceden al sitio web con el idioma predeterminado, deben agregar un prefijo de idioma a la URL. Si no se selecciona esta opción, cuando los usuarios acceden a una URL sin un prefijo de idioma, como/download/, volverá en el idioma predeterminado. De lo contrario, los usuarios serán redirigidos a una URL con un prefijo de idioma, como/en/download/.

12.Do Translation

Si esta opción no está marcada, i18n-proxy funcionará en un modo de proxy inverso normal y el contenido del sitio web ya no se traducirá.

Es necesario realizar algunos ajustes para el sitio web backend.

Marco de HTML

Los sitios web con marco HTML no necesitan ajustarse específicamente. i18n-proxy puede analizar automáticamente el contenido para traducirlo, pero aún puede agregar algunas clases a las etiquetas HTML para controlar el comportamiento de la traducción.

1. No traducir.

<span class="notrans">Protecotr4J</span>

2. Traducir con un traductor alternativo

A veces, cuando se utiliza ChatGPT para traducir algún contenido, es posible que no proporcione resultados precisos. En tales casos, puede optar por utilizar un traductor alternativo para la traducción. El traductor alternativo predeterminado esGoogle Translate.

<span class="fallback">Protecotr4J</span>

React

De forma predeterminada, i18n-proxy analizará automáticamente el contenido de React.createElement para traducirlo. Sin embargo, debido a la naturaleza dinámica del lenguaje JavaScript, actualmente no podemos recuperar con precisión todas las cadenas representadas en la página HTML. Si no todo su contenido está traducido, es necesario realizar algunos ajustes en el código fuente de su aplicación. El contenido principal consta de las siguientes tres etiquetas:

i18n

Agregue etiquetas de i18n al contenido que necesita ser traducido, como

i18n(Contact Us)

No traducir.

notrans(Protector4J)

fallback

Cuando ChatGPT no pueda traducir con precisión, utilice un motor de traducción tradicional para traducir. El motor de traducción alternativo predeterminado que se utiliza actualmente es "Google Translate".

fallback(Protector4j)

Marco de Vue

Próximamente

Una vez completado el ajuste, es necesario volver a renderizar e implementar el sitio web.

Si ya no necesita utilizar nuestros servicios en el futuro, también ofrecemos unherramienta que puede eliminar rápidamente las etiquetas anteriores y restaurar su código a su estado original.

Comienza la tarea de traducción

Ingrese al Panel, busque el sitio agregado, haga clic en "Comenzar tarea de traducción" para iniciar la tarea de traducción.

image-20231218105115060

La tarea de traducción se ejecutará en segundo plano. Si es la primera vez que traduce, dependiendo del tamaño y el contenido de su sitio web, puede tardar desde varios minutos hasta varias decenas de minutos. Una vez completada la traducción, el sistema le enviará una notificación por correo electrónico.

Visita el sitio web traducido

Para acceder al sitio web traducido, es necesario modificar el registro DNS. Puede modificar directamente sus registros en su proveedor de servicios DNS o modificar el archivo de hosts de su sistema.

Modificar el registro DNS.

Por favor configure un registro CNAME para apuntar su nombre de dominio asite01.i18n.so.

Modifique el archivo de hosts.

Por favor agregue un registro para apuntar su nombre de dominio a164.92.107.199.

Modifique el archivo de hosts en Windows.

Modifique el archivo de hosts en macOS.

Modifique el archivo de hosts en Linux.

Ajustar traducciones

Si no está satisfecho con el contenido traducido, también puede personalizar la traducción de algunas partes.

Ingrese al panel de control, haga clic en la tarjeta del sitio, seleccioneCustom Translations.

image-20231218105801140

Seleccione el idioma de destino que necesita ajuste e ingrese sus traducciones personalizadas.

image-20231218105851873

Recargar la traducción.

Para los marcos HTML, el contenido traducido personalizado entra en vigor de inmediato.

Sin embargo, para los marcos JS, se requiere recargar la traducción, lo que significa que se debe realizar una nueva "tarea de traducción". Esta vez, sólo se realizará una traducción incremental, que es mucho más rápida que la traducción inicial. Sin embargo, aún requiere acceder a todas sus páginas y volver a renderizar JS. Por lo tanto, es posible que todavía tarde varios minutos. Recibirá una notificación por correo electrónico una vez completada la tarea de traducción.

Cambiar idioma

Cambiar el idioma a través de la URL

Al devolver la ruta con prefijos de diferentes idiomas, puede obtener el contenido de la página web correspondiente. Por ejemplo,/en/downloady/zh/download. Si la opción "Agregar prefijo para idioma predeterminado" no está marcada, accediendo/downloades equivalente a acceder/default-lang/download.

Cambia de idioma a través de Javascript.

Si desea crear un selector de idioma para el cambio de idioma para los usuarios, consulte la siguiente implementación de código JavaScript.

Selector de idioma

Sobre SEO

Todo el contenido de la página que pasó a través de i18n-proxy se renderizó estáticamente y se presentó en formato de código HTML. Los motores de búsqueda pueden rastrear el contenido de la página web que ve, por lo que esta herramienta es muy adecuada para el SEO de sitios web multilingües, especialmente para páginas creadas con marcos JS dinámicos.

También hemos agregado elalternativeetiqueta ycanonical etiqueta en cada página HTML para facilitar el reconocimiento del motor de búsqueda.

<link rel="canonical" href="//protector4j.com/download/">
<link rel="alternate" href="//protector4j.com/download/" hreflang="en">
<link rel="alternate" href="//protector4j.com/zh/download/" hreflang="zh">
<link rel="alternate" href="//protector4j.com/ja/download/" hreflang="ja">
<link rel="alternate" href="//protector4j.com/ko/download/" hreflang="ko">
<link rel="alternate" href="//protector4j.com/fr/download/" hreflang="fr">
<link rel="alternate" href="//protector4j.com/de/download/" hreflang="de">
<link rel="alternate" href="//protector4j.com/es/download/" hreflang="es">
<link rel="alternate" href="//protector4j.com/it/download/" hreflang="it">

También hemos generado los archivos sitemap.xml correspondientes en diferentes idiomas. Puede enviar estos mapas de sitio a los motores de búsqueda para su indexación. El formato es el siguiente:

 https://protector4j.com/sitemap.xml
 https://protector4j.com/zh/sitemap.xml
 https://protector4j.com/fr/sitemap.xml
 https://protector4j.com/ja/sitemap.xml
 ......

Sobre la implementación

Solo proporcionamos implementación de alojamiento durante la fase de prueba, lo que significa que los usuarios acceden directamente a nuestro servidor para obtener contenido. Más adelante, también proporcionaremos una implementación independiente. Puede implementar i18n-proxy en su propio servidor como si usara nginx。

Contáctenos

Si tienes alguna pregunta, idea o encuentras algún error, no dudes en hacérnoslo saber, la dirección de correo electrónico es:[email protected]