การแปล HTML ที่รักษาเครื่องหมายของคุณไว้
แท็กยังคงเป็นแท็ก แอตทริบิวต์ยังคงเป็นแอตทริบิวต์ ชื่อคลาส ค่า href แอตทริบิวต์ข้อมูล — ไม่มีอะไรเปลี่ยนแปลง มีเพียงข้อความที่ผู้ใช้ของคุณเห็นเท่านั้นที่ถูกแปล
เครื่องหมายที่เสียหายแย่กว่าการไม่มีการแปล
การส่ง HTML ผ่าน API การแปลมาตรฐานนั้นมีความเสี่ยง แท็กถูกแปลบางส่วน ค่าของแอตทริบิวต์เสียหาย ชื่อคลาสที่ไม่ควรเปลี่ยนกลับเปลี่ยน ผลลัพธ์ดูเหมือนถูกต้องในข้อความธรรมดาแต่เสียหายในเบราว์เซอร์ — และเสียแบบเงียบๆ สำหรับเว็บไซต์ที่มีเนื้อหามากหรือการส่งออก CMS การแก้ไข HTML ที่เสียหายใน 10 ภาษาไม่ใช่กระบวนการที่สมเหตุสมผล
ยิ่งไปกว่านั้น API การแปลมาตรฐานมักจะแปลเนื้อหาที่ไม่ควรเปลี่ยนแปลง — ชื่อคลาส CSS, URL href, แอตทริบิวต์ src, ป้าย aria ที่มีตัวระบุทางเทคนิค และแอตทริบิวต์ข้อมูล HTML ที่ได้จะไม่แสดงผลอย่างถูกต้อง และบางการเปลี่ยนแปลงก็ละเอียดพอที่จะผ่านการทดสอบด้วยสายตาก่อนจะเกิดข้อผิดพลาดขณะรันไทม์
สำหรับ HTML ที่สร้างโดย CMS, เทมเพลตอีเมล หรือ HTML ที่ถูกประมวลผลโดยโปรแกรม การซ่อมแซมหลังการแปลไม่ใช่ตัวเลือก มันกลายเป็นต้นทุนการบำรุงรักษาที่ซ่อนอยู่ซึ่งเพิ่มขึ้นทุกครั้งที่มีการอัปเดตเนื้อหา
PolyLingo วิเคราะห์ DOM ก่อนแปล
PolyLingo มอง HTML ของคุณเป็นเอกสาร ไม่ใช่สตริง มันจะเดินผ่านโครงสร้าง DOM ระบุโหนดข้อความที่มีเนื้อหาที่มองเห็นได้ และส่งเฉพาะโหนดเหล่านั้นไปยังโมเดลแปล ชื่อแท็ก ค่าของแอตทริบิวต์ ชื่อคลาส ค่า href แอตทริบิวต์ข้อมูล — ไม่มีโครงสร้างใดที่โมเดลแปลจะเห็นเลย HTML ที่ได้ออกมาถูกต้องและเหมือนโครงสร้างที่คุณส่งมา
PolyLingo ใช้ตัววิเคราะห์ DOM แทนการมอง HTML เป็นข้อความดิบ ก่อนการแปลใดๆ HTML จะถูกแปลงเป็นโครงสร้างโหนด โหนดแต่ละตัวถูกจัดประเภท: โหนดข้อความที่มีภาษาธรรมชาติจะถูกดึงออกมาเพื่อแปล ขณะที่โหนดองค์ประกอบ ค่าของแอตทริบิวต์ที่ไม่ใช่ภาษาธรรมชาติ (ชื่อคลาส, ID, href, src, แอตทริบิวต์ข้อมูล) และเนื้อหาที่ไม่แปลได้ (สคริปต์, สไตล์, บล็อกโค้ด) จะถูกตัดออกทั้งหมด
โหนดข้อความที่แปลแล้วจะถูกแทรกกลับเข้าไปในโครงสร้าง DOM เดิม HTML ที่ได้จะมีความหมายเหมือนกับต้นฉบับ มีการซ้อนแท็ก ค่าของแอตทริบิวต์ และเครื่องหมายโครงสร้างเหมือนกัน มีเพียงข้อความที่มองเห็นได้เท่านั้นที่เปลี่ยนแปลง
<article class="post">
<h1 class="post-title">How to build a multilingual site</h1>
<p>Building a <strong>multilingual website</strong> doesn't have to be
complicated. The key is choosing the right translation layer.</p>
<a href="/pricing" class="cta-button" aria-label="View pricing">
See our plans
</a>
<img src="/hero.png" alt="Multilingual platform dashboard" />
</article><article class="post">
<h1 class="post-title">Comment créer un site multilingue</h1>
<p>Créer un <strong>site web multilingue</strong> n'a pas à être
compliqué. La clé est de choisir la bonne couche de traduction.</p>
<a href="/pricing" class="cta-button" aria-label="Voir les tarifs">
Voir nos offres
</a>
<img src="/hero.png" alt="Tableau de bord de la plateforme multilingue" />
</article>สิ่งที่ถูกแปลเทียบกับสิ่งที่ถูกเก็บไว้
| แปลแล้ว | เก็บไว้ | |
|---|---|---|
| เนื้อหาข้อความระหว่างแท็ก | ใช่ | ไม่ |
| แอตทริบิวต์ title (ป้ายกำกับที่เข้าถึงได้) | ใช่ | ไม่ |
| ข้อความ alt บนภาพ | ใช่ | ไม่ |
| แอตทริบิวต์ aria-label | ใช่ | ไม่ |
| ข้อความ placeholder ในอินพุต | ใช่ | ไม่ |
| ชื่อแท็ก HTML | ไม่ | ใช่ |
| แอตทริบิวต์คลาสและ ID | ไม่ | ใช่ |
| URL href และ src | ไม่ | ใช่ |
| แอตทริบิวต์ข้อมูล | ไม่ | ใช่ |
| บล็อกสคริปต์และสไตล์ | ไม่ | ใช่ |
สิ่งที่ PolyLingo จัดการในทุกการแปล HTML
- ✓ชื่อแท็กและโครงสร้างไม่ถูกแก้ไขเลย
- ✓ชื่อคลาส รหัสประจำตัว แอตทริบิวต์ข้อมูลไม่ถูกแตะต้อง
- ✓ค่าลิงก์ href และ src ถูกเก็บไว้อย่างแม่นยำ
- ✓แปลเฉพาะโหนดข้อความที่มองเห็นได้
- ✓ภาษาที่เขียนจากขวาไปซ้าย: จัดการแอตทริบิวต์ dir อย่างถูกต้อง
- ✓ทำงานกับหน้าเต็ม ชิ้นส่วน และคอมโพเนนต์
- ✓HTML ซ้อนกัน — จัดการการซ้อนแท็กได้ทุกระดับอย่างถูกต้อง
- ✓HTML อีเมล — รักษาสไตล์อินไลน์และเลย์เอาต์ตารางไว้
วิธีแปลเนื้อหา HTML ด้วย PolyLingo
ส่ง HTML ของคุณไปยัง API
ส่ง POST เนื้อหา HTML ของคุณไปที่ /v1/translate ตั้งค่า format เป็น "html" หรือไม่ต้องตั้งค่าเลย — PolyLingo จะตรวจจับ HTML อัตโนมัติจากเนื้อหา รวมรหัสภาษาที่คุณต้องการแปล
รับ HTML ที่แปลแล้วและสะอาด
การตอบกลับจะมีสตริง HTML ที่แปลแล้วหนึ่งชุดต่อภาษาที่เป้าหมาย ทุกแท็ก คลาส ID และแอตทริบิวต์จะเหมือนกับที่คุณส่งมา มีเพียงข้อความภาษาธรรมชาติเท่านั้นที่เปลี่ยนแปลง
เขียนลง CMS เทมเพลต หรือไฟล์ของคุณ
ใช้ HTML ที่แปลแล้วโดยตรงใน CMS ตัวสร้างอีเมล ตัวสร้างไซต์สแตติก หรือเครื่องมืออื่นๆ ที่ใช้ HTML ไม่ต้องมีการประมวลผลหรือซ่อมแซมหลังแปล
สถานที่ที่ต้องการการแปล HTML
การส่งออกหน้าและโพสต์ CMS
แพลตฟอร์ม CMS แบบ headless เก็บเนื้อหาเป็น HTML หรือข้อความรวยที่แปลงเป็น HTML PolyLingo แปลเนื้อหานี้สำหรับแต่ละภาษาท้องถิ่นในขณะที่รักษาโครงสร้างและรูปแบบที่ CMS สร้างขึ้น
เทมเพลตอีเมล
HTML อีเมลเปราะบางมาก — เลย์เอาต์ตาราง สไตล์อินไลน์ และโครงสร้างซ้อนลึกจะเสียหายเมื่อผ่านการแปลแบบง่าย PolyLingo รักษาทุกอย่างไว้
คำอธิบายผลิตภัณฑ์อีคอมเมิร์ซ
คำอธิบายผลิตภัณฑ์มักมี HTML ที่จัดรูปแบบด้วยรายการที่มีสไตล์ ข้อความตัวหนา และเนื้อหาที่มีโครงสร้าง การแปลในระดับใหญ่ต้องรักษารูปแบบอย่างแม่นยำเพื่อให้ผลลัพธ์แสดงผลอย่างสม่ำเสมอในทุกภาษา
คำถามที่พบบ่อยเกี่ยวกับการแปล HTML
PolyLingo แปลแอตทริบิวต์อย่าง title และ alt text ไหม?
ใช่ แอตทริบิวต์ alt บนภาพ แอตทริบิวต์ title บนองค์ประกอบ แอตทริบิวต์ aria-label และแอตทริบิวต์ placeholder บนฟอร์มอินพุตจะถูกระบุว่ามีข้อความภาษาธรรมชาติและถูกแปล ค่า href และ src ชื่อคลาส ID และแอตทริบิวต์ข้อมูลจะไม่ถูกแปล
แล้ว JavaScript แบบอินไลน์หรือแอตทริบิวต์ style ล่ะ?
แท็กสคริปต์และแท็กสไตล์จะไม่ถูกแปล — เนื้อหาของพวกมันจะถูกส่งผ่านโดยไม่เปลี่ยนแปลง แอตทริบิวต์ style แบบอินไลน์ (style="...") ก็ถูกเก็บไว้อย่างแม่นยำ เนื้อหาเดียวที่ถูกแปลคือข้อความภาษาธรรมชาติเท่านั้น
PolyLingo รองรับ HTML หน้าเต็มรวม doctype และ head ไหม?
ใช่ PolyLingo รองรับเอกสาร HTML เต็มรูปแบบรวม doctype, head และ body องค์ประกอบ title, meta description และแท็ก Open Graph ใน head สามารถแปลได้ URL canonical, meta charset และแท็ก meta ทางเทคนิคจะถูกเก็บไว้ไม่เปลี่ยนแปลง
มันทำงานกับ HTML ที่สร้างโดยตัวแก้ไขข้อความรวยอย่าง ProseMirror หรือ TipTap ไหม?
ใช่ HTML ที่ได้จากตัวแก้ไขข้อความรวยจะถูกแปลงเป็น HTML มาตรฐาน PolyLingo รองรับ HTML ที่ถูกต้องทุกชนิดไม่ว่าจะสร้างอย่างไร ตัววิเคราะห์ DOM ทำงานจากสตริง HTML เอง ไม่ใช่จากฟอร์แมตเฉพาะของตัวแก้ไข
แล้วเอนทิตี HTML อย่าง & หรือ © ล่ะ?
เอนทิตี HTML จะถูกถอดรหัสก่อนแปลและเข้ารหัสใหม่ในผลลัพธ์ เอนทิตีที่มีชื่ออย่าง &, ©, และ — จะถูกเก็บไว้ เอนทิตีตัวเลขก็ถูกจัดการอย่างถูกต้อง ผลลัพธ์ที่แปลใช้การเข้ารหัสเอนทิตีเหมือนต้นฉบับ
มีขนาดไฟล์จำกัดสำหรับการแปล HTML ไหม?
คำขอแปลแต่ละรายการจำกัดที่เนื้อหา 64KB สำหรับเอกสารยาว (บทความยาว หน้าเต็ม) วิธีที่แนะนำคือแบ่งตามขอบเขตธรรมชาติ (ส่วน บทความ) แล้วประกอบใหม่หลังแปล วิธีนี้ช่วยให้การใช้โทเค็นแม่นยำขึ้น
แปล HTML ของคุณโดยไม่ต้องทำความสะอาด
ชั้นฟรี ไม่มีบัตรเครดิต HTML ที่ถูกต้องออกมา
เริ่มแปลฟรีวาง HTML ใดก็ได้และดูว่าอะไรแปลได้และอะไรไม่