WordPress är ett kraftfullt verktyg som hjälper bloggare och företagare sprida sitt budskap genom deras sofistikerade CMS. På samma sätt är Google Docs ett effektivt verktyg för innehållsproduktion och samarbete.

Innehållsskapande kan dock bli frustrerande när du ständigt stöter på problem vid kopiering från Google Docs till WordPress.

Rörig kod, formateringsproblem och bildproblem skapar flaskhalsar i produktionslinjen och saktar ner distributionen av innehåll

Här är 6 enkla knep som löser dessa Google Docs till WordPress-problem och gör det lättare för dig att arbeta med dem båda två tillsammans.

Föredrar du att titta på videoversionen?

Problemet med att kopiera från Google Docs till WordPress

Många bloggare, företagare och innehållsmarknadsföringsteam använder Google Docs för att skapa innehåll eftersom det är gratis, enkelt och samarbetsvänligt. Google Docs är också en del av Googles Google Workspace, en svit SaaS-verktyg som vi använder här på Kinsta.

Men när det gäller att överföra innehåll från dessa Google Docs till WordPress stöter du ofta på hinder.

Låt oss ta en närmare titt.

Tänk dig att du försöker kopiera följande Google Doc till WordPress:

Google Doc-exempel som ska användas på WordPress.
Google Doc-exempel som ska användas på WordPress.

Du väljer texten och sedan går du över till din WordPress-redigerare och klistrar in den.

Här uppstår problem, främst om du fortfarande använder Classic Editor i WordPress. Du kommer sannolikt att uppleva alla typer av formateringsproblem om du försöker kopiera och klistra in direkt från Google Docs till ditt WordPress-inlägg.

Radavstånd är det främsta problemet. När du kopierar över ditt Google Doc tenderar WordPress att lägga in extra radbrytningar:

Extra avstånd när ett Google Doc kopieras till WordPress.
Extra avstånd när ett Google Doc kopieras till WordPress.

Lösningen är dock mer komplex än att bara ta bort dessa avstånd.

När du byter från den visuella redigeraren till kodredigeraren ser du att koden är rörig:

 Extra kod när du kopierar Google Docs till WordPress.
Extra kod när du kopierar Google Docs till WordPress.

Det finns massor av onödig kod, inklusive extra radbrytningar:

  (or sometimes <br /> )

Det finns också ytterligare span styles överallt:

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

När du kopierar in listor till ditt blogginlägg kommer du också att märka olika typsnittsvikter, ofta med hjälp av denna kod:

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

Du måste ta bort all denna överskottskod, eftersom den kan påverka din webbplats prestanda. HTML räknas mot din totala sidvikt, så onödig kod saktar ner din sida (vilket är en ännu viktigare faktor med Googles algoritmuppdatering för sidupplevelse).

Det betyder mycket radering, vilket kan ta lång tid.

Ett annat viktigt problem är att bilder inte följer med.

Helst ska du ladda upp bilder separat ändå, eftersom du måste komprimera dem och lägga till ett relevant namn för SEO-ändamål.

Men om du ville kopiera och klistra in bilder över snabbt, går det inte.

Så vad kan du göra åt det? Testa dessa praktiska tricks nedan.

Så importerar du från Google Docs till WordPress

Här är några enkla sätt att effektivisera processen med att ladda upp Google Docs till WordPress:

1. Byt till Gutenberg Block Editor

Gutenberg block editor släpptes med WordPress 5.0. Om du redan har bytt till Gutenberg har du märkt att många av de problem som är typiska för den klassiska redigeraren inte existerar längre.

När du kopierar texten över får du inte samma formateringsproblem (till exempel extra avstånd).

Exempel på Gutenberg-redigeraren.
Exempel på Gutenberg-redigeraren.

Om du byter från WordPress visuella redigerare till kodredigeraren ser du också att det inte läggs till någon onödig kod.

Exempel på ren kod i Gutenberg.
Exempel på ren kod i Gutenberg.

Om du ville hålla fast vid den klassiska redigeraren har du sannolikt valt att inaktivera Gutenberg.

WordPress kommer dock bara att stödja den klassiska redigeraren fram till slutet av 2021. Om du upplever irriterande formateringsproblem är det smart att byta nu i stället för att vänta tills du inte har något val.

Gutenberg har dock några problem med bilder och den tid det tar att infoga metadata.

Visst kan du kopiera över bilder, men när du går till kodredigeraren för att se koden som är associerad med dina kopierade bilder, kommer den att se ut så här:

Bildkod i Gutenberg.
Bildkod i Gutenberg.

Som du kan se pekar koden efter ”<img src=” till din bildfils ursprungsplats.

När du kopierar dina bilder direkt från Google Doc hostar du dina webbplatsbilder via ditt personliga Google Docs-konto.

Det är oftast inte att föredra att länka din webbplats direkt till ditt Google-konto utan att också förstärka dina säkerhetsåtgärder. Dessutom, om du tar bort den ursprungliga filen eller det Google Doc som innehåller bilden, kommer den att försvinna från din webbplats också.

Det innebär att du måste gå igenom och ta bort alla bilder du har kopierat över och lägga till dem i WordPress Mediabibliotek manuellt.

Den andra stora flaskhalsen är metadata.

Precis som med den klassiska redigeraren måste du manuellt lägga till dina permalänkar alt-taggar, metabeskrivningar, utdrag, och alla andra bra saker som sökmotoroptimerar en artikel.

Metadataavsnitt på Gutenberg.
Metadataavsnitt på Gutenberg.

Denna optimeringsprocess är lång och ökar din produktionstid.

2. Prova Wordable för att effektivisera arbetsflödet från Google Docs till WordPress

Ett alternativ som avsevärt minskar uppladdningstiden är Wordable.

Wordable vet att det tar runt en timme att ladda upp, formatera och optimera innehåll manuellt så de skapade en allt-i-ett-lösning för att snabba upp detta arbetsflöde.

Med Wordable är det en tvåklicks-process att importera ditt Google Doc och skapa ett nytt blogginlägg i WordPress.

Wordables hemsida.
Wordables hemsida.

Wordable gör det otroligt enkelt att exportera Google Docs direkt till WordPress, individuellt eller flera på en gång, och antingen publicera inlägg automatiskt eller spara dem som utkast.

Wordable kommer automatiskt rensa upp all rörig HTML men samtidigt behålla dina taggar, rubriker, fetmarkering, kursivering, punktlistor och bilder.

Att kopiera text från Google Docs till WordPress är inte allt Wordable gör. Wordable kan också hjälpa dig att optimera ditt innehåll och öka sökmotoroptimering (SEO) med enklicks-transformationer.

Enklicks-transformationer på Wordable.
Enklicks-transformationer på Wordable. (Källa)

Till att börja med kan Wordable bidra till att öka sidhastigheten genom att komprimera bilderna som du importerar från Google Docs.

Att förbättra sidhastigheten är den främsta SEO-taktik som används av marknadsförare och att komprimera bilder hjälper webbsidor att köra snabbare.

Wordable lägger också automatiskt till din alternativa text (alt-text) för dina bilder.

Alt-texten beskriver en bild, vilket ger folk en bättre uppfattning om vad en bild förmedlar. Som det visar sig finns denna beskrivning inom sidans kod och hjälper därför sökmotorer att få en bättre uppfattning om vad sidan innehåller.

Genom att optimera din alt-text för målsökord, förbättrar du din SEO.

Detta kan dock vara tidskrävande. Antingen skriver du manuellt all alt-text i WordPress själv, eller så kopierar och klistrar du in författarförslag från kommentarkort i Google Docs.

Wordable gör denna process mycket enklare med en knapptryckning.

Du kan ställa in all metainformation med ett klick också. Wordable kommer att lägga till författare, välja rätt kategori, lägga till dina metabeskrivningar och titeltaggar, ställa in permalänkar, och mer.

Ett annat sätt som Wordable snabbar upp efterproduktionen är med enklicks-transformation som ställer in att alla länkar öppnas i ny flik.

Om du lämnar dina länkar som de är går läsarna bort från din sida när de klickar på en länk. Men att manuellt ändra alla länkar till att öppnas i en ny flik tar evigheter.

Med Wordable, tar det ett klick och några sekunder.

En annan bonus med Wordable är att du också kan integrera pluginet med HubSpot och Medium, och WordPress.

Det enda riktiga problemet du kan få med Wordable är att ge det åtkomst till Google Drive och din WordPress-sajt. Det kan vara ett problem för de som värdesätter säkerhet.

De har en gratis testperiod, vilken låter dig testa det ordentligt. Testperioden kommer med tre gratis exporter för en WordPress-sajt.

Om du behöver fler exporter och möjlighet att exportera till flera WordPress-sajter, kostar premiumversionen $19/månad.

Detta kanske låter dyrt, men om du använder Google Docs varje dag, betalar den här tjänsten för sig själv.

Följ stegen nedan för att exportera från Google Docs till WordPress.

Steg 1

Registrera dig på Wordable för ett gratis konto.

Steg 2

Lägg till din WordPress-sajt genom att klicka på Konfigurera din Google Doc-anslutning nu:

Konfigurera Google Docs-anslutning på Wordable.
Konfigurera Google Docs-anslutning på Wordable.

Konfigurera din anslutning för att hämta från Google Docs och exportera till din WordPress-sajt. Ge Wordable behörighet att komma åt Google Docs och installera Wordable-pluginet på WordPress.

Wordable-anslutningar.
Wordable-anslutningar.

Steg 3

Sök efter dokumentet i Google Drive-listan och importera det till Wordable:

Google Docs sök på Wordable.
Google Docs sök på Wordable.

Steg 4

Klicka på Exportera till WordPress för att skapa ett utkast till ditt blogginlägg på din WordPress-sajt:

Dokumentpanel på Wordable.
Dokumentpanel på Wordable.

Steg 5

Klicka på Publicerat som utkast eller besök din WordPress-adminpanel för att kontrollera och publicera inlägget.

Så här ser vårt utkast ut i WordPress-redigeraren efter att det importerats:

Hur text ser ut när den publiceras från Wordable till WordPress.
Hur text ser ut när den publiceras från Wordable till WordPress.

All formatering följer med perfekt utan att infoga extra kod.

Bilder kommer också att överföras och automatiskt laddas upp till ditt WordPress Mediabibliotek.

Kom ihåg att ge alla bilder SEO-vänliga filnamn. Wordable kommer att exportera bilder med detta filnamn för att öka din SEO.

Om du inte gör det från början måste du gå igenom och manuellt ändra filnamnen i mediebiblioteket efteråt.

Om du letar efter ett riktigt effektivt alternativ för att ladda upp Google Docs-innehåll direkt till WordPress, är Wordable idealiskt. Det inte bara kopierar text och bilder perfekt, det går också snabbare att se till att alla metadata är på plats.

3. Installera pluginet Mammoth .docx Converter

Du kan också använda ett WordPress-plugin, som Mammoth .docx converter som konverterar .docx-dokument till HTML.

Detta plugin är superpopulärt, med över 30 000 aktiva installationer och 4.8-stjärnor av 5. Det har också grundläggande stöd för Gutenberg, vilket är särskilt användbart om du gått över till den nya redigeraren.

För att använda Mammoth .docx converter måste du ladda ner ditt Google Doc som ett Word-dokument och sedan köra det via pluginet.

Så här gör du det:

Steg 1

Ladda ner, installera och aktivera gratispluginet Mammoth .Docx converter.

Steg 2

Därefter hämtar du ditt Google Doc som ett Microsoft Word .docx-dokument. Gå till Arkiv i Google-dokumentet, välj Ladda ner och välj Microsoft Word (.docx).

Ladda ner ett Google Doc som ett Word-dokument.
Ladda ner ett Google Doc som ett Word-dokument.

Steg 3

Gå sedan till WordPress och skapa ett nytt blogginlägg. Bläddra till längst ner på redigeraren, så ser du en ny ruta för Mammoth .docx converter:

Klicka på Välj Fil och välj den .docx du just laddat ner.

Se till att välja Visuell som alternativ, inte Rå HTML eller Meddelanden.

Visuellt alternativ på Mammoth .doc Converter.
Visuellt alternativ på Mammoth .doc Converter.

Klicka sedan på Infoga i Redigerare.

Det är ett utmärkt verktyg om du vill överföra stora mängder text.

Pluginet kommer att kopiera formateringen korrekt, inklusive varje rubriktagg, fetmarkering, listor och bilder. Bilder kommer också att överföras med sina ursprungliga filnamn, så se till att du har get bilderna passande namn för SEO-ändamål.

Det finns en sak att se upp för, och det är konstig ankartext i rubriktaggarna. Det kan se ut så här:

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

För att bli av med alla dessa ankartaggar på en gång, kopiera ”text”-versionen i kodredigeraren. Gå till en textredigerare, som Sublime, och klistra in din ”text”-version.

Tryck på Kommando + Option + F för att använda Hitta och ersätt-verktyget. [CTRL+F på Windows]

Klicka på .* för att aktivera reguljära uttryck och ange följande uttryck i Sök-fältet:

(<a id="post-).*</a>
Hitta och ersätt-funktionen i textredigeraren Sublime.
Hitta och ersätt-funktionen i textredigeraren Sublime.

Det kommer att markera alla felaktiga ankartaggar.

Lämna Ersätt-rutan tom och klicka på Ersätt Alla. Det tar bort dessa ankartaggar över hela dokumentet.

Kopiera nu textversionen och klistra in den igen i kodredigeraren.

4. Använd tillägget Jetpack WordPress.com för Google Docs

Du kan också testa Jetpack med dess gratis tillägg för Google Docs. Det är väldigt enkelt att installera och använda, och verktyget låter dig posta direkt från Google Docs.

Steg 1

Först måste du ladda ner Jetpack från WordPress-arkivet. Du kan också söka efter det i Plugins-delen av din WordPress-adminpanel.

Steg 2

Installera sedan Gratistillägget WordPress.com till Google Docs från Google Workspace Marketplace. Du kan också hitta Google Workspace Marketplace genom att gå till Tilläggsmeny i Google Docs och klicka på hämta tillägg.

Hämta tillägg på Google Docs.
Hämta tillägg på Google Docs.

Steg 3

Klicka på Installera för att lägga till det här verktyget till din Tilläggsmeny. Du måste tillåta åtkomst till dina Google-Dokument.

WordPress.com för Google Docs på Google Workspace Marketplace.
WordPress.com för Google Docs på Google Workspace Marketplace.

Steg 4

När det är installerat, klicka på Tillägg i toppmenyn och välj WordPress.com till Google Docs. Klicka sedan på Öppna.

WordPress.com för Google Docs i Tillägg.
WordPress.com för Google Docs i Tillägg.

Ett fönster visas på höger sida av skärmen. Klicka Lägg Till WordPress-sajt för att ansluta till din WordPress-blogg:

Lägg till en WordPress-sajt på WordPress till Google Docs-tillägget.
Lägg till en WordPress-sajt på WordPress till Google Docs-tillägget.

Steg 5

När du är redo att posta på din webbplats väljer du kategorierna och lägger sedan till taggar. Klicka sedan på Spara för att publicera din artikel som ett utkast:

Spara WordPress-utkast från Google Docs.
Spara WordPress-utkast från Google Docs.

Så här ser det ut i WordPress:

 Skärmdump av inlägg från WordPress för Google Docs-tillägget.
Skärmdump av inlägg från WordPress för Google Docs-tillägget.

Lägg märke till hur all formatering överfördes perfekt. Bilder har också sina ursprungliga filnamn, även om du bör lägga till dessa separat så att du kan komprimera dem med hjälp av ett tredjepartsverktyg.

5. Konvertera till Markdown med Docs to Markdown-tillägg

Ett sätt att komma över formateringshindret är att konvertera din text till Markdown. Markdown är ett lätt märkningsspråk som skapar formaterad text genom en vanlig textredigerare.

Tillägget Docs to Markdown är ett toppverktyg för detta, speciellt om du arbetar med stora dokument.

Verktyget kommer att konvertera dina fullt formaterade Google Docs till Markdown-format (.md) med några snabba klick. Du kan kopiera denna Markdown-text i textredigeraren på WordPress för perfekt formaterad text.

Innan du använder det här verktyget måste du aktivera Markdown i dina WordPress-inställningar.

Gå till Inställningar och klicka på Skriva. Markera sedan rutan bredvid Använd Markdown för inlägg och sidor.

Nu är du redo att konvertera dina Google Docs till Markdown.

Steg 1

Installera tillägget Docs to Markdown från Google Workspace Marketplace eller via Hämta tillägg i Google Docs:

Installera Docs to Markdown.
Installera Docs to Markdown.

Steg 2

När du har installerat det , gå till Tilläggsmenyn i Google Docs och öppna verktyget genom att klicka på Konvertera.

Steg 3

Markera den text du vill konvertera till Markdown och klicka sedan på Markdown i rutan till höger:

Docs to Markdown-gränssnitt i Google Docs.
Docs to Markdown-gränssnitt i Google Docs.

Kopiera Markdowntext från rutan till höger.

Steg 4

Gå nu över till din WordPress-sajt och lägg till ett nytt inlägg. Byt till Textredigeraren och klistra in Markdowntexten.

Var medveten om att detta inte är ett verktyg för att överföra bilder till WordPress. Använd detta uteslutande för text.

6. Ge Författare ett WordPress-konto

Om inget av dessa alternativ fungerar för dig kan du skapa separata WordPress-konton för varje författare och begära att bloggar skrivs direkt i redigeraren.

Även om detta sparar på formateringsproblem, måste du hantera flera konton och eventuella säkerhetssårbarheter.

Medan WordPress erbjuder sex olika användarroller, är det bäst att använda dessa två för författare:

  • Författare: Kan publicera och hantera sina inlägg.
  • Bidragsgivare: Kan skriva och hantera sina inlägg, men kan inte publicera dem.

För att skapa ett konto för en författare, gå till Användare i din WordPress-panel och klicka på Lägg Till Ny.

Användarroller på WordPress.
Användarroller på WordPress.

Fyll i detaljerna och välj lämplig roll från rullgardinsmenyn.

Sammanfattning

Om du eller ditt team regelbundet lägger till blogginlägg till din webbplats, är det dags att överväga en mer strömlinjeformad metod för att ladda upp innehåll från Google Docs till WordPress.

Om du ännu inte har gått över till den nya Gutenberg-redigeraren, kan det vara dags att göra det innan du tvingas till det i slutet av 2021.

Har du fler tankar om dessa lösningar? Några ytterligare formateringsproblem som du inte kan lösa? Berätta om din feedback.

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.