SEO med Elementor: 15 indstillinger og fejl, du skal kende

Elementor gør det muligt at bygge flotte og avancerede WordPress-sider uden at programmere dem fra bunden. Men Elementor SEO kræver stadig, at du træffer de rigtige valg omkring overskrifter, billeder, hastighed, mobilvisning og teknisk opsætning.

Elementor forhindrer dig nemlig ikke i at oprette flere H1-overskrifter, hente unødvendigt store billeder eller skjule vigtigt indhold på mobil. Siden kan derfor se helt rigtig ud for den besøgende, mens strukturen, hastigheden eller indekseringen giver problemer for Google.

Det betyder ikke, at Elementor er dårligt for SEO. En hjemmeside bygget med Elementor kan sagtens opnå gode placeringer. Det kræver blot, at designet ikke bliver prioriteret på bekostning af indhold, brugervenlighed og teknisk kvalitet.

I denne guide gennemgår vi 15 vigtige indstillinger og typiske fejl, du skal kende, hvis du vil arbejde seriøst med SEO i Elementor.

Er Elementor godt eller dårligt for SEO?

Elementor er hverken godt eller dårligt for SEO i sig selv. Det er et værktøj, som kan bruges rigtigt eller forkert.

Google rangerer ikke en side lavere, bare fordi den er bygget med Elementor. Søgemaskinen vurderer blandt andet sidens indhold, relevans, interne og eksterne links, mobilvenlighed, hastighed og tekniske tilgængelighed.

Elementor kan dog gøre det nemt at bygge meget tunge sider med:

• Store billeder og baggrundsvideoer
• Mange animationer
• Unødvendige widgets
• Komplicerede layoutstrukturer
• Flere versioner af samme indhold
• Forkert brug af overskrifter
• Ekstra CSS- og JavaScript-filer

Problemet er derfor sjældent Elementor alene. Det opstår oftere som følge af de valg, der bliver truffet under opbygningen af siden.

1. Sørg for, at siden har en tydelig H1-overskrift

En af de mest almindelige fejl i Elementor er forkert brug af H1-overskrifter.

Det sker ofte, fordi en overskrift vælges ud fra dens visuelle størrelse i stedet for dens betydning i sidens struktur. En designer kan eksempelvis vælge H2 til sidens hovedoverskrift, fordi den har den ønskede størrelse, eller bruge H1 flere steder for at få store tekster.

Overskriftens udseende og dens HTML-tag er imidlertid to forskellige ting. Du kan sagtens få en H1 til at se mindre ud ved at ændre typografien i Elementor.

Som praktisk udgangspunkt bør hver side have én tydelig hovedoverskrift, der beskriver sidens primære emne. Google kan godt forstå sider med flere H1-elementer, men én klar hovedoverskrift giver normalt den mest overskuelige struktur for både besøgende, søgemaskiner og skærmlæsere.

Sådan gør du:

1. Vælg sidens vigtigste Heading-widget.
2. Find indstillingen for HTML-tag.
3. Vælg H1 til hovedoverskriften.
4. Brug H2 og H3 til de efterfølgende afsnit.
5. Tilpas størrelsen gennem typografiindstillingerne – ikke ved at vælge et forkert heading-tag.

H1-overskriften bør indeholde eller være nært relateret til sidens primære søgeord, men den skal først og fremmest være præcis og naturlig.

2. Brug en logisk overskriftsstruktur

Efter H1 skal sidens øvrige overskrifter organiseres i en logisk rækkefølge.

En typisk struktur kan se sådan ud:

• H1: Sidens overordnede emne
• H2: Sidens vigtigste underemner
• H3: Underafsnit under en H2
• H4: Underafsnit under en H3

Det er ikke nødvendigt at bruge alle niveauerne. På de fleste almindelige landingssider og blogartikler er H1, H2 og H3 tilstrækkeligt.

En typisk Elementor-fejl er at springe direkte fra H1 til H4, fordi H4 passer bedre til designet. Det giver ikke nødvendigvis en direkte SEO-straf, men det gør dokumentets struktur mindre tydelig.

En anden fejl er at bruge heading-tags til tekster som:

• “Kontakt os i dag”
• “Læs mere”
• Telefonnummer
• Kundeudtalelser
• Små dekorative tekster over en rigtig overskrift

Hvis teksten ikke fungerer som overskrift for et efterfølgende afsnit, bør den normalt oprettes som almindelig tekst og styles visuelt.

Gennemgå gerne hele siden i Elementors Navigator. Her er det ofte lettere at opdage overskrifter, der ligger i en forkert rækkefølge.

3. Vælg de rigtige HTML-tags til sidens sektioner

Elementor-containere kan tildeles semantiske HTML-tags som blandt andet:

• header
• main
• section
• article
• aside
• footer
• div

Standardvalget vil ofte være div, men på nogle sider kan det være relevant at vælge et mere beskrivende element.

Sidens primære indhold kan eksempelvis ligge i et main-element, mens en selvstændig indholdssektion kan bruge section. En blogartikel kan markeres som article.

Du skal dog ikke ændre alle containere fra div til section. Semantiske elementer bør bruges, fordi de beskriver indholdets funktion – ikke bare fordi de lyder mere SEO-venlige.

Kontrollér også, at din header- eller sideskabelon ikke allerede opretter de samme elementer. En side bør eksempelvis ikke indeholde flere konkurrerende main-elementer.

Korrekt semantisk HTML gør ikke alene en side til nummer ét på Google, men det kan gøre strukturen nemmere at forstå for browsere, søgemaskiner og hjælpemidler.

4. Brug Containers frem for gamle Sections og Columns

Nyere Elementor-layouts bør som udgangspunkt bygges med Containers frem for den ældre struktur med Sections, Inner Sections og Columns.

Containers bygger på Flexbox eller Grid og kan ofte skabe det samme layout med færre indlejrede elementer. Det kan give:

• En enklere HTML-struktur
• Færre unødvendige wrappers
• Bedre kontrol over responsive layouts
• Mindre komplekse sider
• Nemmerе vedligeholdelse

Det betyder ikke, at alle gamle Elementor-sider straks skal bygges om. En komplet konvertering kan ændre sidens design, afstande og responsive visning. Hvis en eksisterende side fungerer godt, bør den testes grundigt, inden strukturen ændres.

Når du bygger nye sider, er Containers imidlertid det naturlige valg.

Undgå samtidig at oprette en ny container for hver eneste lille designjustering. Flere lag er ikke nødvendigvis bedre. Brug den enkleste struktur, der kan skabe det ønskede layout.

5. Aktivér Elementors relevante performancefunktioner

Elementor indeholder en række funktioner, som kan reducere unødvendig kode og optimere indlæsningen af sidens ressourcer.

Afhængigt af din Elementor-version kan funktionerne blandt andet omhandle:

• Optimeret DOM-output
• Forbedret indlæsning af CSS
• Optimeret indlæsning af billeder
• Lazy loading af baggrundsbilleder
• Optimeret indlæsning af Google Fonts
• Betinget indlæsning af widgets og aktiver

Navne og placeringer kan ændre sig mellem Elementor-versioner. De findes typisk under Elementors indstillinger eller funktionsoversigt.

Du bør ikke aktivere alle eksperimentelle funktioner ukritisk på en aktiv hjemmeside. Aktivér dem først på et testmiljø, og kontrollér derefter:

• Forside
• Menu og mobilmenu
• Formularer
• Popups
• Sliders
• Produkt- og kategorisider
• WooCommerce-kurv og checkout
• Sider med dynamisk indhold

Performancefunktioner kan forbedre hastigheden, men de kan også skabe konflikter med temaet, cacheplugins eller Elementor-udvidelser. Test derfor siden visuelt og funktionelt efter hver større ændring.

Elementor har en officiel oversigt over sine aktuelle performancefunktioner, som er værd at kontrollere, når pluginet opdateres.

6. Fjern widgets og Elementor-udvidelser, du ikke bruger

Mange Elementor-hjemmesider bruger flere widgetpakker oven på Elementor Pro. Det kan eksempelvis være plugins med:

• Sliders
• Animationer
• Produktwidgets
• Kontaktformularer
• Mega-menuer
• Testimonials
• Dynamiske effekter

En widgetpakke med 50 eller 100 funktioner kan være installeret, selvom hjemmesiden kun bruger én enkelt widget fra pakken.

Nogle udvidelser indlæser kun deres filer, når en bestemt widget bruges. Andre tilføjer CSS, JavaScript, databasekald eller administrative funktioner på langt flere sider.

Gennemgå derfor:

1. Hvilke Elementor-udvidelser der er installeret.
2. Hvilke widgets der faktisk bruges.
3. Om den samme funktion allerede findes i Elementor Pro.
4. Om udvidelsen indlæser filer på sider, hvor de ikke er nødvendige.
5. Om en simpel funktion kan bygges uden et ekstra plugin.

Du bør ikke fjerne et plugin, før du har kontrolleret, hvor det bruges. Fjernes en widgetpakke, kan indholdet i de tilhørende widgets forsvinde fra siden.

Færre afhængigheder giver normalt en mere stabil, sikker og vedligeholdelsesvenlig Elementor-hjemmeside.

7. Komprimér billeder, før du bruger dem

Store billeder er en af de mest almindelige årsager til langsomme Elementor-sider.

Et billede behøver ikke være 5.000 pixels bredt, hvis det maksimalt vises i en container på 1.200 pixels. Browseren skal stadig hente den store fil, selvom Elementor viser den i et mindre format.

Inden et billede uploades, bør du overveje:

• Hvor stort billedet reelt skal vises
• Om det kan gemmes som WebP eller AVIF
• Om kvaliteten kan reduceres uden synligt tab
• Om billedet overhovedet er nødvendigt
• Om mobilbrugere skal hente den samme fil

Vælg også en passende billedstørrelse i Elementor. Brug ikke automatisk “Full”, hvis WordPress allerede har genereret en størrelse, der passer til layoutet.

Husk desuden at skrive en relevant alt-tekst, når billedet har en informativ funktion. Alt-teksten skal beskrive billedets indhold og formål. Den skal ikke fyldes med søgeord.

Dekorative billeder kan ofte have en tom alt-attribut, så en skærmlæser ikke behøver at læse en meningsløs beskrivelse op.

8. Brug ikke lazy loading på sidens vigtigste topbillede

Lazy loading betyder, at et billede først indlæses, når det nærmer sig brugerens synlige område. Det er nyttigt til billeder længere nede på siden, men kan være en fejl på det vigtigste billede øverst på siden.

Hvis et stort hero- eller produktbillede er sidens Largest Contentful Paint-element, kan lazy loading forsinke det. Det kan forringe sidens LCP-resultat og give brugeren en oplevelse af, at siden indlæses langsomt.

Elementors billedoptimering kan automatisk prioritere bestemte billeder, men du bør stadig kontrollere resultatet.

Test siden i PageSpeed Insights og se:

• Hvilket element der er sidens LCP
• Om billedet lazy loades
• Hvor stor filen er
• Hvornår browseren opdager billedet
• Om billedets dimensioner er angivet
• Om det bør preloades eller prioriteres

Billeder længere nede på siden kan fortsat lazy loades. Målet er ikke at deaktivere lazy loading overalt, men at prioritere indholdet over folden korrekt.

Google anbefaler, at lazy-loaded indhold kan indlæses, når det bliver synligt, uden at være afhængigt af brugerhandlinger som klik eller scrolling på en bestemt knap.

9. Vær forsigtig med store baggrundsbilleder

Elementor gør det let at sætte et stort billede eller en video som baggrund på en sektion. Det kan se godt ud, men baggrundsmedier er ofte en væsentlig belastning.

Et baggrundsbillede kan:

• Være større end nødvendigt
• Blive hentet på mobil, selvom det næsten ikke kan ses
• Være sværere at prioritere som LCP-billede
• Have vigtig tekst indlejret i selve billedet
• Give dårlig kontrast mellem tekst og baggrund

Hvis billedet er vigtigt indhold, bør det ofte indsættes som et almindeligt billede frem for en CSS-baggrund. Det giver bedre kontrol over alt-tekst, responsive billedstørrelser og billedets plads i dokumentet.

Bruger du et baggrundsbillede, bør du kontrollere mobilvisningen separat. Det er ikke altid tilstrækkeligt bare at ændre billedets position. I nogle tilfælde bør mobilen have en mindre, separat billedfil.

Undgå så vidt muligt tekst som en del af billedfilen. Google og hjælpemidler kan ikke behandle billedtekst på samme måde som rigtig HTML-tekst.

10. Begræns fonte, skrifttykkelser og ikoner

En Elementor-side kan hurtigt komme til at hente mange fontfiler.

Hvis hjemmesiden bruger tre forskellige fonte med flere skrifttykkelser og kursiv, kan browseren skulle hente et betydeligt antal filer, før teksten vises korrekt.

Begræns typisk designet til:

• Én eller to fontfamilier
• De skrifttykkelser, der faktisk anvendes
• Få konsekvente typografiske stilarter
• Et begrænset antal ikonsæt

Brug gerne Elementors globale fonte, så overskrifter og brødtekst styres centralt. Det reducerer ikke nødvendigvis filstørrelsen alene, men gør det lettere at holde designet konsekvent og undgå tilfældige fontvalg på enkelte widgets.

Overvej også at hoste fonte lokalt, når det passer til hjemmesidens tekniske og juridiske opsætning. Lokale fonte kan give bedre kontrol over caching og indlæsning.

Sørg for, at brødtekst stadig kan læses, mens webfonten indlæses. Et korrekt font-display-valg kan mindske risikoen for usynlig tekst og store layoutændringer.

11. Begræns animationer, sliders og bevægelseseffekter

Animationer kan understøtte et design, men de bør have et klart formål.

Elementor tilbyder blandt andet:

• Entrance animations
• Scrolling effects
• Mouse effects
• Parallax
• Sticky elementer
• Sliders og karruseller
• Lottie-animationer

Hvis mange af disse funktioner bruges på samme side, kan det medføre mere JavaScript, flere beregninger og en dårligere oplevelse på svagere mobiltelefoner.

Animationer kan også skabe problemer, hvis:

• Indhold først bliver synligt efter JavaScript
• Elementer flytter sig under indlæsningen
• Knapper ændrer position
• Den samme animation gentages konstant
• Brugeren har valgt reduceret bevægelse i sit operativsystem

Brug animationer selektivt. En overskrift behøver sjældent flyve ind fra siden, før brugeren kan læse den.

Sliders bør også vurderes kritisk. Hvis en slider indeholder tre vigtige budskaber, ser mange besøgende kun det første. Det vigtigste indhold bør derfor ikke gemmes på slide nummer to eller tre.

12. Undgå dubleret desktop- og mobilindhold

Elementor gør det muligt at skjule elementer på bestemte enheder. Det kan være praktisk, men det kan også føre til, at hele sektioner oprettes to gange: én version til desktop og en anden til mobil.

Selvom en sektion er skjult visuelt, kan dens HTML og ressourcer stadig være til stede på siden. Resultatet kan være:

• Dubleret tekst
• Flere ens overskrifter
• Flere H1-elementer
• Ekstra billeder
• Flere formularer
• Unødvendigt stor DOM
• Langsommere indlæsning

Forsøg i stedet at bygge én responsiv sektion, som tilpasser sig forskellige skærmstørrelser gennem Containers, rækkefølge, bredder og responsive indstillinger.

Hvis separate versioner er nødvendige, skal du kontrollere kildekoden og teste, hvad der faktisk bliver indlæst.

Husk også, at Google primært vurderer mobilversionen af din hjemmeside. Vigtigt indhold bør derfor ikke fjernes fra mobilen alene for at skabe et mere enkelt design.

13. Gør knapper og interne links forståelige

Elementor gør det nemt at indsætte knapper med tekster som:

• Klik her
• Læs mere
• Se mere
• Gå videre

Disse tekster fortæller imidlertid meget lidt om, hvad brugeren finder efter klikket.

Brug mere beskrivende formuleringer, eksempelvis:

• Læs vores guide til teknisk SEO
• Se vores SEO-værktøjer
• Få hjælp til organisk SEO
• Læs mere om lokal SEO
• Bestil en SEO-analyse

Beskrivende linktekster hjælper brugeren og giver Google mere kontekst om den side, der linkes til.

Kontrollér også, at klikbare kort og bokse bruger rigtige links. Et Elementor-element, der kun reagerer gennem JavaScript, er ikke altid lige så tilgængeligt eller tydeligt som et almindeligt HTML-link.

Interne links bør placeres naturligt i teksten og ikke kun i knapper. Et tekstlink midt i et relevant afsnit kan skabe en stærkere indholdsmæssig sammenhæng mellem siderne.

14. Kontrollér templates, arkiver og noindex-indstillinger

Elementor Theme Builder bruges ofte til at oprette:

• Header
• Footer
• Blogskabelon
• Produktskabelon
• Kategoriarkiv
• Søgeresultater
• 404-side
• Popups

Her kan fejl i visningsbetingelserne påvirke mange sider på én gang.

En forkert skabelon kan eksempelvis:

• Fjerne sidens H1
• Vise den samme overskrift på alle indlæg
• Oprette dubleret indhold
• Fjerne brødkrummer
• Vise forkerte relaterede indlæg
• Erstatte en produktskabelon på bestemte sprog
• Skjule vigtigt indhold på mobil

Kontrollér derfor altid Theme Builders display conditions, når en skabelon oprettes eller ændres.

Elementors skabeloner skal normalt ikke være selvstændige søgeresultater i Google. Dit SEO-plugin bør som udgangspunkt forhindre systemskabeloner i at blive indekseret som almindelige sider.

Gennemgå også WordPress’ arkiver. Forfatterarkiver, datoarkiver og tagarkiver kan skabe tynde eller næsten identiske sider, hvis de ikke har en funktion i hjemmesidens struktur.

Det betyder ikke, at alle arkiver skal have noindex. Kategorisider med unikt indhold, produkter og en tydelig søgeintention kan være værdifulde landingssider. Beslutningen skal træffes ud fra sidens kvalitet og formål.

15. Glem ikke SEO-plugin, metadata og strukturerede data

Elementor erstatter ikke et SEO-plugin.

Selvom indholdet bygges i Elementor, skal du stadig have styr på:

• SEO-titel
• Metabeskrivelse
• Canonical-URL
• Indekseringsindstillinger
• XML-sitemap
• Open Graph-data
• Brødkrummer
• Strukturerede data

Yoast SEO, Rank Math og lignende plugins kan bruges sammen med Elementor. Elementor styrer primært sidens indhold og design, mens SEO-pluginet håndterer en stor del af sidens metadata.

Undgå at tilføje den samme schema markup flere steder. Hvis dit SEO-plugin allerede opretter Organization-, WebPage-, Article- eller Breadcrumb-schema, kan et ekstra schema-plugin eller manuel JSON-LD skabe dubletter eller modstridende oplysninger.

Test sidens strukturerede data med Googles Rich Results Test eller Schema.org Validator. Kontrollér også selve kildekoden, hvis du er i tvivl om, hvilket plugin der genererer oplysningerne.

Husk, at korrekt schema markup ikke garanterer særlige visninger i Google. Det hjælper søgemaskinerne med at forstå indholdet, men kvaliteten og relevansen af siden er stadig afgørende.

Sådan tester du SEO på en Elementor-side

Når siden er færdig, bør den ikke kun vurderes inde i Elementor-editoren.

Test den publicerede side med flere forskellige værktøjer:

PageSpeed Insights

Brug PageSpeed Insights til at kontrollere Core Web Vitals og finde tunge billeder, renderingsblokerende ressourcer og layoutændringer.

Vær særligt opmærksom på:

• Largest Contentful Paint
• Interaction to Next Paint
• Cumulative Layout Shift
• Mobilresultatet
• Sidens vigtigste LCP-element

Google Search Console

Search Console kan vise, om siden er indekseret, hvilken canonical Google har valgt, og om Google kan indlæse siden korrekt.

Brug URL-inspektion til at kontrollere:

• Om siden må indekseres
• Hvornår den sidst blev crawlet
• Den brugerangivne canonical
• Den canonical, Google har valgt
• Om siden er med i et sitemap

Rich Results Test

Hvis siden bruger strukturerede data, kan Googles Rich Results Test vise, om markuppen indeholder fejl eller advarsler.

Manuel mobiltest

PageSpeed og automatiske værktøjer kan ikke opdage alle designproblemer. Åbn derfor siden på en rigtig mobiltelefon og kontrollér:

• Om teksten er let at læse
• Om knapperne er store nok
• Om menuen fungerer
• Om formularer kan udfyldes
• Om popups kan lukkes
• Om elementer flytter sig under indlæsningen
• Om vigtigt indhold mangler

Elementor SEO handler om mere end grønne markeringer

Et SEO-plugin kan hjælpe med at opdage manglende metadata, korte tekster eller uhensigtsmæssig brug af søgeord. Men en grøn markering i Yoast er ikke det samme som en garanti for gode placeringer.

Google vurderer hele siden og hjemmesiden omkring den.

En Elementor-side skal derfor blandt andet:

• Besvare en tydelig søgeintention
• Indeholde brugbart og troværdigt indhold
• Have en logisk struktur
• Indlæses hurtigt
• Fungere på mobil
• Have relevante interne links
• Kunne crawles og indekseres
• Demonstrere reel erfaring og ekspertise

Designet skal understøtte indholdet. Det bør ikke gøre teksten vanskeligere at finde, læse eller forstå.

Ofte stillede spørgsmål om Elementor og SEO

Er Elementor dårligt for SEO?

Nej. Elementor er ikke i sig selv dårligt for SEO. Problemerne opstår typisk, hvis siden bygges med for store billeder, mange effekter, forkert overskriftsstruktur eller unødvendigt komplicerede layouts.

Kan Elementor bruges sammen med Yoast SEO?

Ja. Elementor og Yoast SEO kan bruges sammen. Elementor håndterer sidens design og indhold, mens Yoast blandt andet kan håndtere SEO-titel, metabeskrivelse, canonical, sitemap og schema markup.

Gør Elementor hjemmesiden langsom?

Elementor tilføjer kode og ressourcer, som ikke nødvendigvis findes på en helt enkel, håndkodet side. En Elementor-hjemmeside behøver dog ikke være langsom. Optimerede billeder, enkel opbygning, god hosting, caching og begrænset brug af plugins og animationer kan gøre en stor forskel.

Skal en Elementor-side kun have én H1?

Google kan godt forstå en side med flere H1-elementer, men én tydelig hovedoverskrift er normalt den mest overskuelige løsning. Brug H2 og H3 til at organisere de øvrige afsnit.

Er Elementor Pro nødvendigt for god SEO?

Nej. Elementor Pro er ikke et krav for god SEO. Pro-versionen giver flere design-, template- og dynamiske funktioner, men de grundlæggende SEO-principper er de samme.

Kan Google læse indhold lavet med Elementor?

Ja. Almindelig tekst, overskrifter og links fra Elementor bliver som udgangspunkt leveret som HTML, som Google kan læse. Indhold, der først vises efter brugerhandlinger eller indlæses gennem JavaScript, bør dog testes særskilt.

Konklusion: Sådan får du bedre SEO med Elementor

Elementor giver stor designfrihed, men friheden gør det også muligt at bygge sider, der er unødvendigt tunge eller dårligt strukturerede.

De vigtigste forbedringer er ofte forholdsvis enkle:

• Brug en tydelig H1 og en logisk overskriftsstruktur
• Byg enkle layouts med Containers
• Optimér billeder og sidens LCP-element
• Begræns fonte, widgets og animationer
• Undgå dubleret mobil- og desktopindhold
• Brug beskrivende interne links
• Kontrollér templates og visningsbetingelser
• Brug et SEO-plugin til metadata og indeksering
• Test den færdige side på mobil og i Search Console

Du behøver ikke vælge mellem en flot hjemmeside og gode placeringer. Når Elementor bruges med omtanke, kan du skabe sider, der både fungerer visuelt, teknisk og SEO-mæssigt.

Har du en Elementor-hjemmeside, der er langsom, ikke bliver indekseret eller ikke opnår de forventede placeringer? En teknisk SEO-analyse kan afdække, om problemet ligger i sidens opbygning, indhold, hastighed eller indeksering.