{"id":65250,"date":"2025-06-12T08:33:58","date_gmt":"2025-06-12T08:33:58","guid":{"rendered":"https:\/\/morningscore.io\/?p=65250"},"modified":"2025-06-12T10:09:00","modified_gmt":"2025-06-12T10:09:00","slug":"hvad-er-alt-tekst-i-wordpress","status":"publish","type":"post","link":"https:\/\/morningscore.io\/da\/hvad-er-alt-tekst-i-wordpress\/","title":{"rendered":"Hvad er alt-tekst i WordPress, og hvordan skriver man den perfekte?"},"content":{"rendered":"<p>Vi ved alle, hvor vigtigt det er at bruge billeder p\u00e5 dine sider og i dine artikler. Rene tekstblokke bliver mere livlige, du engagerer dine bes\u00f8gende p\u00e5 en mere visuel m\u00e5de og leverer dit budskab. Men n\u00e5r du tilf\u00f8jer et, kan du ikke lade v\u00e6re med at fokusere p\u00e5 et m\u00e6rkeligt lydende felt. \u201cHmm, alternativ tekst, hvad skulle det nu v\u00e6re\u201d, t\u00e6nker du. Det kan da ikke v\u00e6re et felt, som WordPress-udviklerne tilf\u00e6ldigt har tilf\u00f8jet \u2013 hvis det er der, har det sandsynligvis et form\u00e5l.<\/p>\n<p class=\"snippet-yellow\"><b>Alternative tekster er HTML-attributter, der f\u00f8jes til billedkoder. De er korte tekststrenge, som WordPress viser, hvis det ikke kan vise et billede. Alt-tekster forbedrer din billed-SEO. De hj\u00e6lper ogs\u00e5 b\u00e5de synshandicappede brugere med sk\u00e6rml\u00e6sere og s\u00f8gemaskiner med at forst\u00e5 indholdet af et billede.<\/b><\/p>\n<p>Alternative tekster har ogs\u00e5 et par navne, der bruges tilf\u00e6ldigt, s\u00e5som \u201calt-kode\u201d, \u201calt-tekst\u201d eller \u201calt-attribut\u201d. For at f\u00e5 mest muligt ud af det, synes jeg, det er bedst at t\u00e6nke p\u00e5 alt-koder s\u00e5dan her: en alt-attribut er som \u201cden ud\u00f8vende opsummering\u201d af en lang rapport. Den opsummerer meget kort og konkret, hvad billedet (dvs. rapporten) indeholder.<\/p>\n<p>Nogle eksisterende CMS-platforme og mange specialbyggede websteder kr\u00e6ver, at du tilf\u00f8jer den del manuelt direkte i koden p\u00e5 hver af dine sider. Men de heldige som os her f\u00e5r den funktion meget nemmere i WordPress.<\/p>\n\n<section class=\"blog-seo-checker-shortcode-widget\">\n    <div class=\"blog-seo-checker-bg\"><\/div>\n    <div class=\"inner-content\">\n        <div class=\"gap\">\n        <\/div>\n        <div class=\"content\">\n            <div class=\"center\">\n                <div class=\"headline\">\n                    Tjek dine alt-tags                <\/div>\n                <div class=\"subheadline\">\n                    14 dages gratis adgang. Intet kreditkort. Ingen integration p\u00e5kr\u00e6vet.                <\/div>\n                <div class=\"bullet-points\">\n                    <div class=\"bullet\">\n                        <svg fill=\"#3AC9C4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1rem\" height=\"1rem\" viewBox=\"0 0 16 16\" style=\"display:inline-block; margin-right: .5rem\">\n                            <path\n                                id=\"Path_11831\"\n                                data-name=\"Path 11831\"\n                                d=\"M425,2034a8,8,0,1,0,8,8A8,8,0,0,0,425,2034Zm-1.5,12.031-2.813-3.344,1.031-1.031,1.781,1.75,5.156-4.5.719.719-5.875,6.406Z\"\n                                transform=\"translate(-417 -2033.999)\" \/>\n                        <\/svg>\n                        Alle features                    <\/div>\n                    <div class=\"bullet\">\n                        <svg fill=\"#3AC9C4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1rem\" height=\"1rem\" viewBox=\"0 0 16 16\" style=\"display:inline-block; margin-right: .5rem\">\n                            <path\n                                id=\"Path_11831\"\n                                data-name=\"Path 11831\"\n                                d=\"M425,2034a8,8,0,1,0,8,8A8,8,0,0,0,425,2034Zm-1.5,12.031-2.813-3.344,1.031-1.031,1.781,1.75,5.156-4.5.719.719-5.875,6.406Z\"\n                                transform=\"translate(-417 -2033.999)\" \/>\n                        <\/svg>\n                        20 s\u00f8geord                    <\/div>\n                    <div class=\"bullet\">\n                        <svg fill=\"#3AC9C4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1rem\" height=\"1rem\" viewBox=\"0 0 16 16\" style=\"display:inline-block; margin-right: .5rem\">\n                            <path\n                                id=\"Path_11831\"\n                                data-name=\"Path 11831\"\n                                d=\"M425,2034a8,8,0,1,0,8,8A8,8,0,0,0,425,2034Zm-1.5,12.031-2.813-3.344,1.031-1.031,1.781,1.75,5.156-4.5.719.719-5.875,6.406Z\"\n                                transform=\"translate(-417 -2033.999)\" \/>\n                        <\/svg>\n                        3 websites                    <\/div>\n                    <div class=\"bullet\">\n                        <svg fill=\"#3AC9C4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1rem\" height=\"1rem\" viewBox=\"0 0 16 16\" style=\"display:inline-block; margin-right: .5rem\">\n                            <path\n                                id=\"Path_11831\"\n                                data-name=\"Path 11831\"\n                                d=\"M425,2034a8,8,0,1,0,8,8A8,8,0,0,0,425,2034Zm-1.5,12.031-2.813-3.344,1.031-1.031,1.781,1.75,5.156-4.5.719.719-5.875,6.406Z\"\n                                transform=\"translate(-417 -2033.999)\" \/>\n                        <\/svg>\n                        2 brugere                    <\/div>\n                <\/div>\n                <div class=\"signup\">\n                    <div data-react-class-wp=\"BlogSignupForm\" data-react-props=\"{&quot;trans&quot;:{&quot;enter_website&quot;:&quot;Inds\\u00e6t din hjemmeside&quot;,&quot;check_site&quot;:&quot;Tjek alt-tag&quot;}}\" ><\/div>                <\/div>\n                <div class=\"info\">\n                    Visa informacija apie <span>raktinius \u017eod\u017eius<\/span>, <span>konkurentus<\/span>, <span>problemas<\/span> ir <span>nuorodas<\/span> per 1 minut\u0117s nuskaitym\u0105.                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<h2><b>Hvordan fungerer billed-alt-koder i WordPress?<\/b><\/h2>\n<p>Alt-tekster er ikke noget nyt. De er heller ikke noget unikt, som kun WordPress tilbyder. Faktisk er de en meget gammel funktion, der g\u00e5r tilbage til internettets f\u00f8rste dage i slutningen af \u200b\u200bdet 20. \u00e5rhundrede.<\/p>\n<p>Siden deres introduktion i 1995, da HTML 2.0 blev udgivet, har alt-koder tjent tre konkrete form\u00e5l:<\/p>\n<ul>\n<li>Alt-koder vises p\u00e5 din side i stedet for billedet, hvis browseren ikke kan indl\u00e6se billederne af en eller anden grund.<\/li>\n<li>Sk\u00e6rml\u00e6sere l\u00e6ser alt-tekster h\u00f8jt for folk, der bruger visuel assistance, n\u00e5r de browser p\u00e5 internettet.<\/li>\n<li>S\u00f8gemaskine bots som Google bruger dem til bedre at forst\u00e5 indholdet af billedet.<\/li>\n<\/ul>\n<p>Derfor er alt-tekster en fantastisk tilg\u00e6ngelighedsfunktion og kr\u00e6ver ikke meget ekstra arbejde at tilf\u00f8je.<\/p>\n<h2>Eksempler p\u00e5 alt-tekster i WordPress<\/h2>\n<p>Lad os nu se p\u00e5 nogle eksempler p\u00e5 alt-tekster. Jeg har fremh\u00e6vet, hvilke gode vs. d\u00e5rlige eksempler, s\u00e5 du kan forst\u00e5 pr\u00e6cis, hvad du vil inkludere i dine alt-koder.<\/p>\n<h3>Eksempel p\u00e5 en god alternativ tekst<\/h3>\n<p>Her er et billede, som vi indsatte i et af vores blogindl\u00e6g. Som du kan se nedenfor, er form\u00e5let med billedet at vise pr\u00e6cis, hvordan l\u00e6seren kan opn\u00e5 det resultat, der er beskrevet i artiklen.<\/p>\n<p>Slutresultatet af den alt-kode, vi oprettede, er <i>\u201cGodt eksempel p\u00e5 NAP p\u00e5 Kontakt os-siden.\u201d<\/i><\/p>\n<p>Fordi billedet tilf\u00f8jer kontekst og hj\u00e6lper brugeren med at l\u00f8se deres problem, er det vigtigt, at vi markerer det korrekt og p\u00e5peger det.<\/p>\n<h3>Eksempel p\u00e5 en d\u00e5rlig alternativ tekst<b>\u00a0<\/b><\/h3>\n<p>Imens kan du ogs\u00e5 lave alternative tekster, der ikke er nyttige. Forestil dig det samme billede med en alt-tag som <i>\u201cNAP\u201d<\/i> eller <i>\u201cbusiness NAP\u201d.<\/i><\/p>\n<p>Den alt-tekst er d\u00e5rlig, fordi den ikke hj\u00e6lper nogen og bare spilder tid. S\u00e5 betyder det, at ingen alt-tekst er bedre end noget alt-tekst? Selvom det kan diskuteres, er vores mening, at s\u00e5danne alt-tags ikke er nyttige fra et brugervenlighedsperspektiv. De tilf\u00f8jer heller ikke nogen kontekst til Googles crawlere. Selv i v\u00e6rste fald, n\u00e5r billedet ikke kan vises, er brugeren stadig forvirret, fordi de bare ser et tilf\u00e6ldigt ord p\u00e5 siden \u2013 i stedet for en kort tekst, der giver dem en id\u00e9 om, hvad der skulle v\u00e6re der.<\/p>\n<p>Derfor har vi besluttet, at det ikke er v\u00e6rd at spilde tid p\u00e5 at lave d\u00e5rlige alt-tags. I stedet, n\u00e5r vi beslutter os for at tjekke vores hjemmeside og g\u00f8re det, synes vi, det er en meget bedre tidsinvestering rent faktisk at lave alt-tags, der er nyttige.<\/p>\n<h2><strong>Hvordan skriver man god alt-tekst i WordPress?<\/strong><\/h2>\n<p>Nu ved du, hvordan du arbejder med alt-attributten for billeder i WordPress. Lad os gennemg\u00e5 nogle tips og bedste praksis for at sikre, at du bruger den rigtigt.<\/p>\n<p><strong>9 tips til fantastiske alt-tekster i WordPress:<\/strong><\/p>\n<h3><b>1. Alt-tekster b\u00f8r v\u00e6re kortere end 125 tegn<\/b><\/h3>\n<p>Hold dine alt-tags kortere end 125 tegn. Der er ingen strenge regler for, hvor lange alt-tags skal v\u00e6re, s\u00e5 brug anbefalingen som en tommelfingerregel. Men hvor det er relevant, er du velkommen til at ofre den generelle regel for mere beskrivende tekster. Det er dog normalt ikke n\u00f8dvendigt.<\/p>\n<p>Derudover er her et eksempel p\u00e5, hvordan 125 tegn ser ud:<\/p>\n<p><i>\u201cAaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaa\u201d<\/i><\/p>\n<p>Det er meget tekst! Langt de fleste gange kan du f\u00e5 dine alt-tekster til at passe ind i det.<\/p>\n<h3><b>2. Enten skriv gode alt-tags eller slet ingen<\/b><\/h3>\n<p>Men hvad med den nedre margin? Der er teknisk set ingen (n\u00e5, undtagen 0, selvf\u00f8lgelig). Ud fra personlig erfaring er det heller ikke v\u00e6rd at bruge tid p\u00e5 at g\u00e5 den dovne vej og bare skrive et enkelt ord eller to. Det vil sige, hvis du ikke planl\u00e6gger at skrive gode alt-tags, er de lige s\u00e5 gode, som hvis du slet ikke havde dem.<\/p>\n<h3><b>3. Hold relaterede alt-tags ens, men unikke<\/b><\/h3>\n<p>Det er helt acceptabelt at lave dine alt-tags ens \u2013 men s\u00f8rg for, at de stadig er unikke. Antag, at du har billeder, der forklarer to p\u00e5 hinanden f\u00f8lgende trin i et how-to-indl\u00e6g. I s\u00e5 fald er det noget uundg\u00e5eligt at have dele, der gentages.<\/p>\n<p>Men her kan du sikre, at hver alternativ tekst er unik nok ved tydeligt at forklare hvert trin og markere det med det rigtige nummer.<\/p>\n<p>For eksempel: <i>alt=\u201d det er det f\u00f8rste trin i min tutorial om WordPress alt-tekst\u201d<\/i> vs. <i>alt=\u201d andet trin til WordPress alt-tags tutorial\u201d<\/i><\/p>\n<h3><b>4. Undg\u00e5 at bruge \u201cbillede af\u201d, medmindre det er relevant<\/b><\/h3>\n<p>Generelt beh\u00f8ver du ikke at skrive \u201cet billede af\u201d eller \u201cet sk\u00e6rmbillede af\u201d i dine alt-tekster. S\u00f8gemaskiner og sk\u00e6rml\u00e6sere ved, at de har med et billede at g\u00f8re, s\u00e5 det er un\u00f8dvendigt at tilf\u00f8je den tekst. Den resterende plads kan i stedet udnyttes bedre.<\/p>\n<p>Det er selvf\u00f8lgelig sandt, medmindre du vil vises i Google for de s\u00f8geordss\u00f8gninger. Hvis dit m\u00e5ls\u00f8geord indeholder s\u00e6tningen, for eksempel \u201csk\u00e6rmbillede af\u201d, s\u00e5 vil det faktisk hj\u00e6lpe med at f\u00e5 det til at vises h\u00f8jere oppe i Google-s\u00f8gning, hvis du tilf\u00f8jer det til billedet.<\/p>\n<p>Lad os for eksempel antage, at du h\u00f8rer om l\u00e6kkede billeder af en politikers e-mail-korrespondance i nyhederne. Naturligvis vil du m\u00e5ske lede efter noget i retning af <i>\u201cbilleder af l\u00e6kkede e-mails [OPDIGTET NAVN P\u00c5 POLITIKER]\u201d.<\/i><\/p>\n<p>Her vil det at tilf\u00f8je s\u00e6tningen \u201cbilleder af\u201d i din alt-tekst hj\u00e6lpe dig med at dukke op for den s\u00f8gning \u2013 selvom det selvf\u00f8lgelig ikke i sig selv garanterer, at dit websted vil v\u00e6re i n\u00e6rheden af toppen.<\/p>\n<p>P\u00e5 samme m\u00e5de, lad os antage, at du har indl\u00e6g, der er m\u00e5lrettet mod s\u00f8geord omkring \u201cinspiration\u201d til et emne. I s\u00e5 fald er det ogs\u00e5 acceptabelt at bruge s\u00e6tninger som <i>\u201cinspirerende billeder af [emne]\u201d.<\/i><\/p>\n<h3><b>5. Spam ikke s\u00f8geord i dine alt-tekster<\/b><\/h3>\n<p>N\u00e5r du skriver alt-tags, skal du holde teksten relevant og undg\u00e5 at spamme s\u00f8geord.<\/p>\n<p>Det vil sige, hvis dit billede viser en hund, s\u00e5 skriv ikke en alt-tekst, der ligner <i>\u201chunde hundefamilie k\u00e6ledyr hvalp jagthund menneskets bedste ven hunderacer hvalp\u201d.<\/i> V\u00e6lg i stedet noget mere beskrivende, der tilf\u00f8jer kontekst.<\/p>\n<p>Potentielt forklarer teksten billedet naturligt i betragtning af det indhold og det afsnit, der omgiver det. Jeg viser dig specifikke eksempler i afsnittene nedenfor.<\/p>\n<h3><b>6. Det hj\u00e6lper med at skrive gode alt-tekster, hvis du tilf\u00f8jer billeder til sidst<\/b><\/h3>\n<p>Hvis du tilf\u00f8jer billeder, efter du har forberedt dit blogindl\u00e6g fuldt ud, kan du sikre dig, at du ikke g\u00e5r glip af nogen alt-tags og skal bruge ekstra tid p\u00e5 at rette dem senere. Nogle gange redigerer du m\u00e5ske endda en alt-tag, efter du har indsat billedet, for kun at opdage, at det ikke opdateres p\u00e5 siden.<\/p>\n<p>Husk, at det er bedst at tilf\u00f8je billeder i WordPress som det sidste trin, n\u00e5r du opretter sider og indl\u00e6g.<\/p>\n<h3><b>7. Brug billednavnet som din alternative tekst<\/b><\/h3>\n<p>N\u00e5r du finder dine billeder, skal du blot huske at navngive dem noget, der er meget relevant for det, du skriver om. I stedet for at bruge mellemrum skal du blot bruge bindestreger til at adskille ord. N\u00e5r du har uploadet billedet, kan du blot kopiere det navn, du allerede har skrevet, og fjerne bindestregerne. Hvis du g\u00f8r det, f\u00e5r du en perfekt alt-tag uden at spilde tid. For at l\u00e6re pr\u00e6cis, hvordan jeg g\u00f8r procesen, kan du l\u00e6se <a href=\"https:\/\/morningscore.io\/da\/tilfoejer-alt-tekst-attributten-wordpress\/#lwptoc4\">det afsnit i vores guide til at tilf\u00f8je alt-tags i WordPress<\/a>.<\/p>\n<h3><b>8. Gode alt-tags beskriver billederne i detaljer<\/b><\/h3>\n<p>N\u00e5r du skriver alt-tags, er det vigtigt at v\u00e6re beskrivende. Jo bedre du beskriver, hvad der er p\u00e5 billedet, jo lettere er det for synshandicappede brugere at forst\u00e5, hvorfor du har sat et billede der. Det samme g\u00e6lder for s\u00f8gemaskiner. Den praksis giver dig en bedre chance for, at Google viser dit websted, n\u00e5r nogen s\u00f8ger efter den type billede. Det sker ogs\u00e5 for l\u00e6ngere, forskellige s\u00f8gninger end den pr\u00e6cise, du har optimeret til \u2013 ogs\u00e5 kendt som long tail-s\u00f8geord.<\/p>\n<h3><b>9. S\u00e6t dine hjemmesides design billeder i CSS\u2019en<\/b><\/h3>\n<p>Hvis et billede udelukkende er lavet af designm\u00e6ssige \u00e5rsager, b\u00f8r du implementere det i CSS\u2019en p\u00e5 dit websteds stil. Hvis du g\u00f8r det, f\u00e5r du den rigtige struktur\/hierarki for webstedets kode. Det giver ogs\u00e5 s\u00f8gemaskiner og sk\u00e6rml\u00e6sere mulighed for at skelne mellem billeder, der bidrager til indholdet, og billeder, der udelukkende bruges som designelementer.<\/p>\n<p>Ved at f\u00f8lge den logik har du nu l\u00e6rt, at alle billeder faktisk b\u00f8r have en alt-tag. Implementering af et billede i HTML\u2019en betyder, at billedet tilf\u00f8jer kontekst til siden \u2013 og det giver dig mulighed for at tilf\u00f8je en alt-tekst. Implementering af et billede i din CSS betyder derimod, at billedet ikke tilf\u00f8jer kontekst, men snarere hj\u00e6lper med at gengive siden \u2013 og derfor har du ikke adgang til funktionaliteten til at tilf\u00f8je en alt-tag.<\/p>\n<h2>Afsluttende ord<\/h2>\n<p>For de fleste websteder kr\u00e6ver det ikke en stor tidsinvestering at tilf\u00f8je alternative tekster. Fordelene ved dem er derimod store. Du g\u00f8r dit websted mere tilg\u00e6ngeligt \u2013 og du kan potentielt blive bel\u00f8nnet for det af Google. <a href=\"https:\/\/morningscore.io\/da\/hvad-er-billed-seo\/\">L\u00e6s mere om optimering af billeder til SEO her<\/a>.<\/p>\n<p>Den bedste m\u00e5de at l\u00e6re at skrive alt-tags p\u00e5 er at se p\u00e5 nogle eksempler og pr\u00f8ve dem selv.\u00a0 For at l\u00e6re den faktiske proces med <a href=\"https:\/\/morningscore.io\/da\/tilfoejer-alt-tekst-attributten-wordpress\/\">hvordan du kan tilf\u00f8je eller \u00e6ndre den alternative tekst til et billede i WordPress<\/a>, kan du l\u00e6se guiden, der er linket her.<\/p>\n<p>Til sidst skal du altid s\u00f8rge for at gemme \u00e6ndringerne i WordPress og bekr\u00e6fte, at alt-tags er synlige. Ellers viser WordPress nogle gange ikke dine nye alt-tekster p\u00e5 grund af den m\u00e5de, det er lavet p\u00e5. Hvis du har oplevet det f\u00f8r, kan du l\u00e6se guiden om <a href=\"https:\/\/morningscore.io\/da\/ret-alt-tags-der-ikke-vises-i-wordpress\/\">hvordan du retter WordPress, der ikke viser alt-tags<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vi ved alle, hvor vigtigt det er at bruge billeder p\u00e5 dine sider og i dine artikler. Rene tekstblokke bliver mere livlige, du engagerer dine bes\u00f8gende p\u00e5 en mere visuel m\u00e5de og leverer dit budskab. Men n\u00e5r du tilf\u00f8jer et, kan du ikke lade v\u00e6re med at fokusere p\u00e5 et m\u00e6rkeligt lydende felt. \u201cHmm, alternativ [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":37206,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-65250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/posts\/65250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/comments?post=65250"}],"version-history":[{"count":2,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/posts\/65250\/revisions"}],"predecessor-version":[{"id":65318,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/posts\/65250\/revisions\/65318"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/media\/37206"}],"wp:attachment":[{"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/media?parent=65250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/categories?post=65250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/morningscore.io\/da\/wp-json\/wp\/v2\/tags?post=65250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}