WordPress is een krachtige tool die bloggers en ondernemers helpt bij het vertellen van hun verhaal via het geavanceerde Content Management System. Google Docs is op dezelfde manier een erg effectieve tool voor het schrijven van en samenwerken aan content.

Maar het maken van content kan frustrerend worden wanneer je aldoor problemen tegenkomt bij het kopiëren van Google Docs naar WordPress.

Rommelige code, problemen met de opmaak en frustratie door de afbeeldingen kunnen de productie vast laten lopen en het verspreiden van je content vertragen.

Daarom beschrijven we hier 6 handige tips om problemen met het overzetten van Google Docs naar WordPress op te lossen, waardoor je makkelijker kan werken.

Het probleem bij kopiëren van Google Docs naar WordPress

Veel bloggers, ondernemers en contentmarketing teams gebruiken Google Docs om content te maken, aangezien het gratis en eenvoudig is, en erg handig om in samen te werken. Google Docs is ook een onderdeel van Google’s Google Workspace, een reeks SaaS tools die we hier bij Kinsta gebruiken.

Maar als het gaat om het overzetten van content van Google Docs naar WordPress, zal je regelmatig obstakels tegenkomen.

Hier gaan we eens wat beter naar kijken.

Stel dat je het volgende Google Doc naar WordPress probeert over te zetten:

Voorbeeld Google Doc naar WordPress
Voorbeeld Google Doc naar WordPress

Je selecteert de tekst en gaat naar de WordPress editor om het te plakken.

Dan ontstaat er een probleem, vooral als je de Classic Editor in WordPress gebruikt. Je krijgt waarschijnlijk allemaal problemen met vreemde formatting en verspringingen als je de tekst direct van Google Docs naar je WordPress artikel kopieert.

Met name uitlijningen en marges leveren problemen op. Wanneer je inhoud van je Google Docs kopieert, voegt WordPress meestal extra regel-einden toe:

Extra witruimte bij het kopiëren van Google Docs naar WordPress
Extra witruimte bij het kopiëren van Google Docs naar WordPress

De oplossing is helaas iets ingewikkelder dan het simpelweg verwijderen van die extra ruimte.

Als je van de visuele editor naar de code editor gaat, zal je zien dat ook de achterliggende code nogal rommelig is:

Extra code bij het kopiëren van Google Docs naar WordPress.
Extra code bij het kopiëren van Google Docs naar WordPress.

Er is een hoop onnodige code bijgekomen, inclusief enkele regel-einden:

  (or sometimes <br /> )

En je ziet overal extra span styles:

<span style="font-weight: 400;"> </span>

Wanneer je lijsten naar je blogartikel kopieert, zal je ook allerlei verschillende diktes van de tekst zien, meestal met deze code erbij:

<li style="font-weight: 400;" aria-level="1">

Je moet al deze extra code verwijderen, aangezien het de prestaties van je website kan verminderen. HTML telt mee bij de totale grootte van je pagina’s, dus onnodige code maakt je pagina langzamer, wat nog belangrijker is geworden sinds de Google Page Experience update.

Dit betekent een hoop correcties, wat veel tijd in beslag kan nemen.

Een ander belangrijk probleem is dat afbeeldingen moeilijk over te zetten zijn.

Het is sowieso het beste om afbeeldingen apart te uploaden, aangezien je ze moet comprimeren en een relevante naam moet toevoegen voor optimale SEO.

Maar als je soms even snel een afbeelding wil kopiëren en plakken, zal je merken dat dat niet lukt.

Wat kan je daaraan doen? Probeer onze handige tips hieronder.

Importeren van Google Docs naar WordPress

Hier zijn enkele makkelijke manieren om het uploaden van Google Docs naar WordPress makkelijker te maken:

1. Stap over naar de Gutenberg Block Editor

De Gutenberg Block Editor had zijn release met WordPress 5.0. Ben je al overgestapt naar Gutenberg, dan heb je vast al gemerkt dat een hoop problemen die je bij de Classic Editor nog had, opeens weg zijn.

Wanneer je tekst kopieert, heb je niet langer dezelfde problemen met de uitlijning (zoals extra witruimte).

Voorbeeld van de Gutenberg Editor.
Voorbeeld van de Gutenberg Editor.

Wanneer je van de WordPress visuele editor naar de code editor schakelt, zie je ook dat er ook geen extra onnodige code meer toegevoegd wordt.

Nette code in Gutenberg Editor.
Nette code in Gutenberg Editor.

Wil je toch graag bij de Classic Editor blijven, dan heb je waarschijnlijk de Gutenberg editor uitgeschakeld.

Maar WordPress blijft de Classic Editor slechts tot eind 2021 ondersteunen. Als je vervelende problemen met je opmaak tegenkomt, is het dus slimmer om nu meteen over te stappen in plaats van te wachten totdat je geen keuze meer hebt.

De Gutenberg Editor heeft nog wel enkele problemen als het gaat om afbeeldingen en metadata.

Bij het overzetten van afbeeldingen, zul je deze code zien bij je afbeeldingen in de code editor:

Code van afbeelding in Gutenberg editor.
Code van afbeelding in Gutenberg editor.

Zoals je kan zien wijst de code na “<img src=” naar de locatie van je afbeeldingsbestand.

Wanneer je afbeeldingen direct vanuit Google Docs kopieert, host je de afbeeldingen voor je website dus+ via je persoonlijke Google Docs account.

Het is meestal niet handig om je website direct aan je Google account te linken, zeker niet zonder aanvullende beveiligingsmaatregelen. Daarnaast zal de afbeelding ook van je website verdwijnen wanneer je het originele Google Doc verwijdert of aanpast.

Dit betekent dat je beter alle afbeeldingen apart naar je WordPress mediabibliotheek kan uploaden en van daaruit toevoegen aan je artikelen.

Een ander probleem is metadata.

Net als bij de Classic Editor zal je handmatig alle permalinks, alt tags, meta-descriptions, samenvattingen en overige handige dingen moeten toevoegen die je artikel goed vindbaar maken.

Metadata in Gutenberg Editor.
Metadata in Gutenberg Editor.

Dit optimaliseren van je content kost tijd en vertraagt dus je productie.

2. Gebruik Wordable om je workflow tussen Google Docs en WordPress te verbeteren

Een optie die de uploadtijd aanzienlijk zal verkorten is Wordable.

Toen ze realiseerden dat het ongeveer een uur duurt om content handmatig te uploaden, formatten en optimaliseren, heeft Wordable een alles-in-één oplossing gemaakt om dit te versnellen.

Met Wordable kan je in twee klikken een Google Doc importeren en er een WordPress blogartikel van maken.

Wordable homepage.
Wordable homepage.

Wordable maakt het ontzettend eenvoudig om Google Docs direct naar WordPress te exporteren, hetzij een voor een of met meerdere tegelijk, en je kan artikelen meteen automatisch publiceren of alleen opslaan als concept.

Wordable ruimt automatisch alle rommelige HTML code op terwijl je tags, headers, stijlen, lijsten en afbeelding gewoon bewaard blijven.

Wordable doet naast het kopiëren van tekst van Google Docs naar WordPress nog allerlei andere dingen. Wordable kan je namelijk ook helpen bij het optimaliseren van je content en het verbeteren van je Search Engine Optimization (SEO), met één druk op de knop.

Verbeteringen met één klik via Wordable.
Verbeteringen met één klik via Wordable. (Bron)

Zo kan Wordable je helpen bij het sneller maken van pagina’s door de afbeeldingen die je importeert uit Google Docs meteen te comprimeren.

Het verbeteren van je paginasnelheid is de belangrijkste SEO t actiek van marketeers, en door het comprimeren van je afbeeldingen worden je webpagina’s aanzienlijk sneller.

Wordable zal ook automatisch alternatieve tekst (alt text) voor je afbeelding toevoegen.

De alt text geeft een beschrijving van de afbeelding, waardoor mensen met een schermlezer beter snappen wat de afbeelding laat zien. Het is toevallig ook zo dat deze omschrijving binnen de code van je pagina staat en daarom helpt het ook zoekmachines beter te begrijpen waar de pagina over gaat.

Door het optimaliseren van de alt-text voor belangrijke keywords, kan je je SEO verbeteren.

Maar deze methode kan wel een hoop tijd kosten. Je moet namelijk handmatig alle alt text in WordPress zelf schrijven en toevoegen, of de suggesties van schrijvers uit Google Docs kopiëren naar WordPress.

Wordable maakt dit proces veel makkelijker, met één druk op de knop heb je het zo gedaan.

Je kan ook met één klik alle metagegevens instellen. Wordable zal de auteur toevoegen, de juiste categorie selecteren, je title tags en meta-description toevoegen, permalinks instellen en nog veel meer.

Nog een manier waarop Wordable de post-production sneller maakt is het instellen dat alle links in een nieuw tabblad openen.

Als je dat niet doet, zullen lezers namelijk je pagina verlaten zodra ze op een link klikken. Maar het handmatig omzetten van al je links zodat ze in een nieuw tabblad openen duurt eeuwen.

Met Wordable heb je dat met één klik in een paar seconden gefixt.

Nog een voordeel van Wordable is dat je het ook kan integreren met HubSpot, Medium en WordPress.

Het enige echte probleem bij Wordable is het toegang geven aan je Google Drive en je WordPress website (met de plugin). Dat kan een drempel zijn als je je zorgen maakt over de beveiliging.

Ze bieden je een gratis proefperiode, dus je kan het eerst eens uitproberen. Daar zitten drie gratis exports voor één WordPress website bij.

Heb je meer exports nodig of wil je naar meerdere WordPress websites kunnen exporteren, dan kost de premium versie $19 per maand.

Dat klinkt misschien prijzig, maar als je dagelijks Google Docs gebruikt, heb je deze dienstverlening zo terugverdiend in bespaarde tijd.

Volg onderstaande stappen om eenvoudig te exporteren van Google Docs naar WordPress.

Stap 1

Schrijf je in bij Wordable voor een gratis account.

Stap 2

Voeg je WordPress website toe door te klikken op Set up your Google Doc connection now:

Set up Google Docs connection on Wordable.
Set up Google Docs connection on Wordable.

Stel je verbinding in op Google Docs op te halen en te exporteren naar je WordPress website. Geef Wordable toestemming voor je Google Docs, en installeer de Wordable plugin op WordPress.

Wordable verbindingen.
Wordable verbindingen.

Stap 3

Zoek het gewenste document in je Google Drive en importeert het naar Wordable:

Een Google Docs zoeken in Wordable.
Een Google Docs zoeken in Wordable.

Stap 4

Klik op Export to WordPress om er een concept-artikel op je WordPress website van te maken:

Document dashboard van Wordable.
Document dashboard van Wordable.

Stap 5

Klik op de link Published as Draft of ga zelf naar je WordPress admin dashboard om je artikel te controleren en te publiceren.

Zo ziet je concept eruit in de WordPress editor na het importeren:

Zo ziet tekst eruit na het overzetten van Wordable naar WordPress.
Zo ziet tekst eruit na het overzetten van Wordable naar WordPress.

Alle opmaak wordt perfect overgezet zonder extra code.

Ook afbeeldingen worden netjes getransporteerd en automatisch geüpload naar je WordPress mediabibliotheek.

Vergeet niet alle afbeeldingen een SEO-vriendelijke bestandsnaam te geven. Wordable zal afbeeldingen met deze bestandsnaam exporteren om je SEO te verbeteren.

Wanneer je dit niet meteen goed doet, dan moet je achteraf weer alle bestandsnamen in de mediabibliotheek aanpassen.

Ben je op zoek naar een superefficiënte manier om Google Docs content direct naar WordPress te uploaden, dan is Wordable een perfecte oplossing. Niet alleen kan je de tekst en afbeeldingen perfect overzetten, maar Wordable maakt het ook sneller om alle metadata goed in te stellen.

3. Installeer de Mammoth .docx Converter plugin

Je kan ook een WordPress plugin gebruiken, zoals de Mammoth .docx converter, die .docx documenten omzet naar HTML.

Deze plugin is erg populair, met 30.000 actieve installaties en een sterbeoordeling van 4,8 van de 5. Er is ook basisondersteuning voor de Gutenberg blockeditor, wat vooral erg handig is tijdens het overstappen naar de nieuwe editor.

Om de Mammoth .docx converter te gebruiken, moet je je Google Doc als Word-document downloaden en dan door de plugin gooien.

Dat doe je zo:

Stap 1

Download, installeer en activeer de gratis Mammoth .docx converter plugin.

Stap 2

Vervolgens download je een Google Doc als Microsoft Word .docx document. Ga hiervoor naar het File menu in Google Docs, kies Download, en selecteer Microsoft Word (.docx).

Downloaden van Google Doc als Word-document.
Downloaden van Google Doc als Word-document.

Stap 3

Vervolgens ga je naar WordPress en maak je een nieuw blogartikel aan. Scroll naar beneden in de editor, en daar zie je nu een nieuwe box voor de Mammoth .docx converter:

Selecteer Choose File en kies de .docx die je net gedownload hebt.

Let op dat je kiest voor Visual, dus niet Raw HTML of Messages.

Visual optie binnen de Mammoth .doc Converter.
Visual optie binnen de Mammoth .doc Converter.

Vervolgens klik je op Insert into Editor.

Dit is een handige tool wanneer je grote stukken tekst moet overzetten.

De plugin zal automatisch alle opmaak goed overzetten, inclusief header tags, formatting voor vette tekst, lijsten en afbeeldingen. Afbeeldingen worden overgezet met de originele bestandsnaam, dus zorg ervoor dat je afbeeldingen de optimale bestandsnaam voor SEO hebben.

Er is nog wel één ding waar je op moet letten, namelijk een vreemde anchor-tekst in de header tags. Dat kan er zo uitzien:

<h2><a id="post-264-_1e9slkz7q807"></a>First Header</h2>

Om deze anchor tags in één keer te verwijderen, kopieer je de “text” versie in de code editor. Ga naar een teksteditor, bijvoorbeeld Sublime, en plak die “text” versie.

Druk op Command + Option + F om de Find and Replace tool te gebruiken.

Klik op .* om reguliere uitdrukkingen in te schakelen en voer de volgende uitdrukking in bij het Find veld:

(<a id="post-).*</a>
Zoeken en vervangen in de Sublime Text Editor.
Zoeken en vervangen in de Sublime Text Editor.

Nu zullen alle vreemde anchor tags gemarkeerd worden.

Laat het Replace vak gewoon leeg en klik op Replace All. Nu zijn alle anchor tags in het hele document in één keer weg.

Kopieer vervolgens deze tekstversie terug naar de code editor.

4. Gebruik de Jetpack WordPress.com to Google Docs add-on

Je kan ook Jetpack gebruiken met hun gratis add-ons voor Google Docs. Dit is erg eenvoudig te installeren en te gebruiken, en de tool maakt het mogelijk om direct vanuit Google Docs artikelen te posten.

Stap 1

Eerst moet je de Jetpack plugin downloaden in WordPress. Je kan ook op de plugin zoeken binnen de Plugins sectie van je WordPress admin dashboard.

Stap 2

Vervolgens installeer je de gratis WordPress.com to Google Docs add-on vanuit de Google Workspace Marketplace. Je kan de Google Workspace Marketplace ook vinden door naar het Add-ons menu in Google Docs te gaan en te klikken op Get add-ons.

Get add-ons on Google Docs.
Get add-ons on Google Docs.

Stap 3

Klik op Install om de tool toe te voegen aan je Add-ons menu. Je moet hiervoor toestemming geven voor je Google Docs.

WordPress.com for Google Docs in de Google Workspace Marketplace.
WordPress.com for Google Docs in de Google Workspace Marketplace.

Stap 4

Na het installeren klik je op Add-ons in menu bovenaan en selecteer je WordPress.com to Google Docs. Daarna klik je op Open.

WordPress.com for Google Docs in Add-ons.
WordPress.com for Google Docs in Add-ons.

Er zal een venster aan de rechterkant van het scherm geopend worden. Klik op Add WordPress Site om een verbinding te maken naar je WordPress blog:

Add WordPress site in de WordPress to Google Docs Add-on.
Add WordPress site in de WordPress to Google Docs Add-on.

Stap 5

Wanneer je een artikel op je website wil zetten, selecteer je categorie en voeg je tags toe. Klik vervolgens op Save om je artikel op te slaan als concept:

Opslaan van WordPress concept vanuit Google Docs.
Opslaan van WordPress concept vanuit Google Docs.

Zo ziet dat eruit in de WordPress editor:

Screenshot van het artikel in WordPress vanuit de Google Docs add-on.
Screenshot van het artikel in WordPress vanuit de Google Docs add-on.

Zoals je ziet is alle opmaak perfect overgezet. Afbeeldingen worden ook netjes overgezet met de originele bestandsnamen, al kan je deze beter apart toevoegen zodat je ze eerst kan comprimeren.

5. Omzetten naar Markdown met de Docs to Markdown add-on

Je kan de problemen met de opmaak van je documenten ook omzeilen door je tekst om te zetten naar Markdown. Markdown is een lichtgewicht markup-taal die opgemaakte tekst creëert via een eenvoudige tekstverwerker.

De Docs to Markdown add-on is hier een ideale tool voor, zeker als je vaak met grotere documenten werkt.

De tool zet je opgemaakte Google Doc document om naar het Markdown format (.md) met slechts enkele klikken. Je kan deze Markdown tekst vervolgens kopiëren naar de teksteditor in WordPress, en je krijgt perfecte artikelen.

Voordat je deze tool gebruikt, moet je Markdown activeren via je WordPress instellingen.

Ga hiervoor naar Settings en klik op Writing. Vervolgens vink je het vakje aan voor Use Markdown for posts and pages.

Nu ben je klaar om je Google Doc om te zetten naar Markdown.

Stap 1

Installeer de Docs to Markdown add-on vanuit de Google Workspace Marketplace of via Get add-ons in Google Docs:

Knop voor installeren van Docs to Markdown.
Knop voor installeren van Docs to Markdown.

Stap 2

Na het installeren ga je naar het Add-ons menu in Google Doc en open je de tool door te klikken op Convert.

Stap 3

Selecteer de tekst die je wil converteren naar Markdown, en klik op Markdown in het venster aan de rechterkant:

Docs to Markdown interface in Google Docs.
Docs to Markdown interface in Google Docs.

Kopieer de Markdown-tekst uit de box.

Stap 4

Ga vervolgens naar je WordPress website en maak een nieuw artikel aan. Ga naar de teksteditor en plak de Markdown-tekst.

Let op dat je met deze tool geen afbeelding kan overzetten naar WordPress. Het is puur voor tekst.

6. Geef je auteurs een WordPress account

Als deze opties allemaal niet lekker werken, dan kan je ook aparte WordPress accounts aanmaken voor al je schrijvers en hen vragen de blogs direct in de editor te schrijven.

Dit bespaart gedoe met de opmaak, maar je zal wel meerdere accounts moeten beheren, inclusief eventuele beveiligingsproblemen.

Alhoewel WordPress zes verschillende gebruikersrollen biedt, kan je het beste deze twee gebruiken voor schrijvers:

  • Author: Kan eigen artikelen publiceren en beheren.
  • Contributor: Kan artikelen schrijven en beheren, maar niet publiceren.

Om een account voor één van je schrijvers aan te maken ga je naar Users binnen je WordPress dashboard, en klik je op Add New.

Gebruikersrollen binnen WordPress.
Gebruikersrollen binnen WordPress.

Vul de benodigde gegevens in en kies de juiste rol in het dropdownmenu.

Samenvatting

Als jij of je team regelmatig blogartikelen toevoegt aan je website, is het belangrijk een soepele aanpak te hebben bij het uploaden van content vanuit Google Docs naar WordPress.

Wanneer je nog niet overgestapt bent naar de nieuwe Gutenberg blockeditor, is het wellicht tijd om dat te doen voordat eind 2021 met een probleem zit.

Wat denk jij van deze oplossingen? Nog problemen met opmaak die je niet kan oplossen? Laat het ons weten.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.