Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow....
Transcript of Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow....
![Page 1: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/1.jpg)
30 May – 1 June 2018 I Budapest, Hungary
Multilingual Wordpress WebsitesOptimized translation workflow using WPML + memoQ + CMS connector
Presenter: Dipl.-Ing. Stefan Weimar, PRODOC Translations GmbH
![Page 2: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/2.jpg)
Multilingual Wordpress Websites
WPML features for multilingual website management
Why WPML?1PO files and XLIFFWPML XLIFF structureShortcodes and AttributesCustom XML configuration
WPML translation features2
Why is it important?Features
memoQ WPML filter3Streamlining of thetranslation workflow usingthe CMS connector
memoQ CMS connector4
![Page 3: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/3.jpg)
30 May – 1 June 2018 I Budapest, Hungary
Why WPML?
multilingual SEO-aware translation workflow
![Page 4: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/4.jpg)
Why WPML?Multilingual features• Language management
• Language switcher
• Site structure
• Menu Sync
• String and taxonomy translation
Workflow features• Translation Management
• XLIFF Export + Import
SEO Features• Integration with SEO-Plugins
• hreflang-tags
![Page 5: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/5.jpg)
Why WPML?Multilingual features
Language Management• Enable Languages
• Show + Hide Language
• Define the URL format
![Page 6: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/6.jpg)
Why WPML?Multilingual features
Language Management
• Multilingual themes
• Browser language redirect
![Page 7: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/7.jpg)
Why WPML?Multilingual features
Language switcher
• Menu
• Widget
• Footer
![Page 8: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/8.jpg)
Why WPML?Multilingual features
Menu Sync
• Synchronize translated
pages and posts
• Translate menu items
![Page 9: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/9.jpg)
Why WPML?Multilingual features
Taxonomy and string translation
• Categories
• Tags
• Strings, e.g. from Plugins
![Page 10: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/10.jpg)
Why WPML?Workflow features
Translation Management
• Select Pages / Posts for
translation
![Page 11: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/11.jpg)
Why WPML?Workflow features
Translation Management
• Translation job overview
![Page 12: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/12.jpg)
Why WPML?Workflow features
Translation Management
• Translation info for single
pages
![Page 13: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/13.jpg)
Why WPML?SEO features
Integration with SEO plugins
• Translate SEO texts
![Page 14: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/14.jpg)
Why WPML?SEO features
Integration with SEO plugins
• Set hreflang-tags to
inform Search engines
![Page 15: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/15.jpg)
30 May – 1 June 2018 I Budapest, Hungary
WPML translation features
a closer look at WPML XLIFF
![Page 16: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/16.jpg)
WPML translation features.po files for strings
• Categories• Tags• Menus• Widgets• Plugin-Texts• …
Use standard memoQ.po filter
XLIFF for longer text
• Pages• Posts• Works• Portfolio• …
Use memoQ WPML filter
• Custom XML config maybe required!!!
![Page 17: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/17.jpg)
WPML translation featuresXLIFF = XML Localisation Interchange File Format
• Standardized by OASIS in 2002• Contains translation units with source+target• memoQ uses XLIFF for language pair exchange• Current Spec is v2.1• WPML uses 1.1 or 1.2
![Page 18: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/18.jpg)
WPML XLIFF• Crappy without custom XML config• All page body content goes into 1 trans-unit
which contains 1 CDATA element• CDATA element contains shortcodes and
HTML tags
![Page 19: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/19.jpg)
Shortcodes in Wordpress• Shortcodes are required to give
Theme-Builders flexibility• Shortcodes allow comfortable editors• Shortcodes may contain translatable
attributes!!!
![Page 20: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/20.jpg)
Shortcode attributesExample: Shortcode [quote] (3clicks Theme)
Translatable attributes:• author_name• author_descriptionNon-translatable attributes:• size• style
![Page 21: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/21.jpg)
Custom XML configuration• Required to tell which attributes are to be
translated• Creates <trans-units> for every shortcode within
the page body• Does not come with all themes that claim to be
WPML-compliant• Can be done easily with some coding experience• Does not work with incorrectly nested
shortcodes – theme dependent!!!
![Page 22: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/22.jpg)
30 May – 1 June 2018 I Budapest, Hungary
memoQ WPML filter
why is it important?
![Page 23: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/23.jpg)
• Standard XLIFF filter exists• Cannot handle WPML XLIFF• Custom cascading filter
required• XLIFF filter• Regex tagger• Regex difficult because of
<![CDATA] …
Situation before introduction of the WPML filter
memoQ WPML filter – Why is it important?
![Page 24: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/24.jpg)
• Segments source and target• No automated pre-translation possible• After import target has to be cleared• Then manual pre-translation run• All shortcodes are converted to visible tags• More tags than translatable text• Shortcode attributes remain untranslated
Shortcomings of the custom filter
memoQ WPML filter – Why is it important?
![Page 25: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/25.jpg)
Result of the custom filter after import in memoQ
memoQ WPML filter – Why is it important?
![Page 26: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/26.jpg)
• Automated pre-translation possible• Context ID gives info on the current segment• Preview• Clear presentation – only necessary tags are shown• Shortcode attributes become translatable• … provided the theme does not use nested shortcodes!
Benefits of the memoQ WPML filter
memoQ WPML filter – Why is it important?
![Page 27: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/27.jpg)
Result of the WPML filter after import in memoQ
memoQ WPML filter – Why is it important?
![Page 28: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/28.jpg)
30 May – 1 June 2018 I Budapest, Hungary
memoQ CMS connector
for a smoother translation workflow
![Page 29: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/29.jpg)
CMS setupCMS connection Setup is fast and straightforward in
• memoQ server administrator,
• the CMS dashboard
• WPML
![Page 30: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/30.jpg)
• Select file(s) to be translated and send them totranslation basket
• Select translator (memoQ) and send items fortranslation
Additional tasks without CMS connector• Select created translation job• Export XLIFF• Send XLIFF file(s) manually to translator
Translation workflow customer side
memoQ CMS connector
![Page 31: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/31.jpg)
• Receive files• Create memoQ project• Import files• Translate• Click „Deliver“• Send exported files to customer
Translation workflow LSP side
memoQ CMS connector
![Page 32: Multilingual Wordpress Websites · 2019. 7. 2. · multilingual SEO -aware translation workflow. Why WPML? Multilingual features • Language management • Language switcher •](https://reader034.fdocuments.in/reader034/viewer/2022051510/5feea6ab369ceb14294a90ac/html5/thumbnails/32.jpg)
30 May – 1 June 2018 I Budapest, Hungary
thanQ
this was a presentation byPRODOC Translations GmbH presenter: Stefan Weimar