{"id":92255,"date":"2022-10-12T21:37:40","date_gmt":"2022-10-13T02:37:40","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-till-schema-markup-till-din-wordpress-webbplats\/"},"modified":"2022-10-12T21:37:40","modified_gmt":"2022-10-13T02:37:40","slug":"hur-man-lagger-till-schema-markup-till-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-till-schema-markup-till-din-wordpress-webbplats\/","title":{"rendered":"Hur man l\u00e4gger till Schema Markup till din WordPress-webbplats"},"content":{"rendered":"
\n

Du kan l\u00e4gga till schemamarkering p\u00e5 en webbsida f\u00f6r att ge mer sammanhang om dess inneh\u00e5ll. \u00c4ven om en webbl\u00e4sare inte visar dessa data, kan s\u00f6kmotorernas s\u00f6krobotar l\u00e4sa dem. S\u00f6kmotorer kan sedan visa denna data som rika utdrag i resultat.<\/p>\n

Schemamarkering kan tala om f\u00f6r s\u00f6kmotorer om en sida handlar om en person, plats, produkt eller flera andra klasser. Webbsidor med schemamarkering \u00e4r utm\u00e4rkande i s\u00f6kresultat. De leder ofta till h\u00f6gre klickfrekvenser \u00e4n konkurrerande sidor.<\/p>\n

I den h\u00e4r artikeln visar vi hur du l\u00e4gger till schemamarkering manuellt. \u00c4ven om det inte \u00e4r den snabbaste metoden, ger detta tillv\u00e4gag\u00e5ngss\u00e4tt dig mer kontroll och f\u00f6rhindrar att du beh\u00f6ver installera n\u00e5gra extra plugins.<\/p>\n

<\/span> 1. V\u00e4lj ditt f\u00f6redragna format<\/span><\/h2>\n

Det finns flera olika format som du kan anv\u00e4nda f\u00f6r att markera inneh\u00e5llet p\u00e5 din webbplats. De vanligaste \u00e4r Microdata, RDFa och JSON-LD.<\/p>\n

<\/span>Mikrodata<\/strong><\/span><\/h3>\n

Mikrodata \u00e4r en upps\u00e4ttning taggar som du kan anv\u00e4nda f\u00f6r att l\u00e4gga till strukturerad data direkt till HTML-element. Genom att l\u00e4gga till dessa taggar i din HTML blir de mer maskinl\u00e4sbara och tillg\u00e4ngliga f\u00f6r s\u00f6kmotorer och s\u00f6krobotar.<\/p>\n

Varje upps\u00e4ttning mikrodatataggar best\u00e5r av ett itemscope, en itemtype och itemprops. Denna kombination hj\u00e4lper till att identifiera det taggade f\u00f6rem\u00e5let och beskriva dess egenskaper.<\/p>\n

<\/span>RDFa<\/strong><\/span><\/h3>\n

RDFa \u00e4r en f\u00f6rkortning f\u00f6r Resource Description Framework in Attributes. Precis som Microdata l\u00e4gger RDFa till taggar i HTML-element f\u00f6r att g\u00f6ra dem mer maskinl\u00e4sbara. Detta ramverk har tre taggar: vocab, typeof och property. Dessa hj\u00e4lper till att beskriva det vokabul\u00e4r som anv\u00e4nds, sidtypen och dess egenskaper.<\/p>\n

<\/span>JSON-LD<\/strong><\/span><\/h3>\n

JSON-LD st\u00e5r f\u00f6r JavaScript Object Notation for Linked Data. Det \u00e4r Googles rekommenderade format f\u00f6r schemamarkering. Till skillnad fr\u00e5n de andra formaten som diskuteras \u00e4r JSON-LD inte en inline-metod. Det betyder att du inte beh\u00f6ver g\u00f6ra direkta \u00e4ndringar i HTML-element. Ist\u00e4llet b\u00e4ddar du in koden i rubriken p\u00e5 din webbsida. Detta \u00e4r i allm\u00e4nhet l\u00e4ttare att genomf\u00f6ra.<\/p>\n

<\/span> 2. Skriv uppm\u00e4rkningen i en textredigerare eller anv\u00e4nd en Schema Markup Generator<\/span><\/h2>\n

N\u00e4r du har valt ditt f\u00f6redragna schemaordf\u00f6rr\u00e5d \u00e4r det dags att g\u00e5 vidare till att skriva HTML f\u00f6r att skapa din uppm\u00e4rkning. Mer erfarna kodare kan g\u00e5 vidare och skapa detta med n\u00e5gon av de b\u00e4sta free kodredigerare.<\/p>\n

Det enklare s\u00e4ttet \u00e4r att anv\u00e4nda en Schema Markup Generator, som automatiskt genererar koden \u00e5t dig. Det finns massor av generatorer d\u00e4r ute men tv\u00e5 av de b\u00e4sta \u00e4r Schema Markup Generator av Merkle och JSON-LD Generator av Hall Analysis.<\/p>\n

B\u00e5da dessa verktyg erbjuder ett brett utbud av schemavokabul\u00e4rer som du kan v\u00e4lja mellan. Allt du beh\u00f6ver g\u00f6ra \u00e4r att v\u00e4lja en och fylla i n\u00f6dv\u00e4ndiga uppgifter. Verktyget kommer sedan att generera l\u00e4mplig kod f\u00f6r dig. Du kan sedan kopiera kodavsnittet f\u00f6r att anv\u00e4nda p\u00e5 din webbplats.<\/p>\n

<\/span> 3. L\u00e4gg till markeringen p\u00e5 den \u00f6nskade webbsidan<\/span><\/h2>\n

Att l\u00e4gga till koden p\u00e5 din webbplats \u00e4r lika enkelt som de f\u00f6reg\u00e5ende stegen. F\u00f6r att b\u00f6rja, g\u00e5 \u00f6ver till din WordPress-instrumentpanel och \u00f6ppna inl\u00e4gget eller sidan d\u00e4r du vill l\u00e4gga till lite schemamarkering.<\/p>\n

\n<\/figure>\n

F\u00f6rst m\u00e5ste du aktivera Anpassade f\u00e4lt<\/strong> alternativ. Genom att aktivera alternativet anpassade f\u00e4lt kan du l\u00e4gga till olika typer av data och metadata som bara g\u00e4ller f\u00f6r ett specifikt inl\u00e4gg eller en sida. I det h\u00e4r fallet kan du anv\u00e4nda den f\u00f6r att l\u00e4gga till schemamarkering p\u00e5 dina webbsidor.<\/p>\n

Det r\u00e4cker inte att bara skapa ett nytt anpassat f\u00e4lt. Du m\u00e5ste ocks\u00e5 ber\u00e4tta f\u00f6r WordPress vad du ska g\u00f6ra med det genom att l\u00e4gga till lite kod till n\u00e5gra av dina temafiler. I vissa fall kan du anv\u00e4nda anpassade f\u00e4lt f\u00f6r att helt enkelt tillhandah\u00e5lla mer data till l\u00e4sarna. I andra kan du anv\u00e4nda dem f\u00f6r att l\u00e4gga till nya beteenden till ditt inl\u00e4gg eller sida.<\/p>\n

I det h\u00e4r fallet vill vi bara ge lite information till s\u00f6kmotorer och webbl\u00e4sare.<\/p>\n

F\u00f6r att starta:<\/p>\n

    Klicka p\u00e5 ikonen med tre prickar i det \u00f6vre h\u00f6gra h\u00f6rnet p\u00e5 sk\u00e4rmen. Navigera till Inst\u00e4llningar<\/strong> och klicka p\u00e5 den Scrolla ner till Avancerade paneler<\/strong> och kontrollera Anpassade f\u00e4lt<\/strong> alternativ <\/ol>\n
    \n<\/figure>\n

    N\u00e4r du har aktiverat Anpassade f\u00e4lt<\/strong> alternativ, g\u00e5 tillbaka till ditt inl\u00e4gg eller sida och scrolla ner till botten d\u00e4r du ser Anpassade f\u00e4ltinst\u00e4llningar<\/strong>. Under L\u00e4gg till nytt anpassat f\u00e4lt<\/strong>, V\u00e4lj Ange Ny<\/strong> f\u00f6r att skapa ett nytt anpassat f\u00e4lt.<\/p>\n

    \n<\/figure>\n

    D\u00e4refter m\u00e5ste du namnge din schemamarkering. I det h\u00e4r exemplet d\u00f6pte vi v\u00e5r till \u201cArtikel\u201d eftersom vi ville l\u00e4gga till en artikeluppm\u00e4rkning. Detta l\u00e5ter s\u00f6kmotorer och webbl\u00e4sare veta att inl\u00e4gget eller sidan inneh\u00e5ller en artikel. I allm\u00e4nhet kan du dock namnge ditt anpassade f\u00e4lt vad du vill.<\/p>\n

    I det ut\u00f6kade utdraget kan l\u00e4sarna sedan se extra information som namnet p\u00e5 f\u00f6rfattaren. Om du \u00e4r expert p\u00e5 ett visst omr\u00e5de kan detta vara till hj\u00e4lp och inspirera m\u00e4nniskor som letar efter information om det \u00e4mnet.<\/p>\n

    N\u00e4r du har namngett din schemamarkering kan du klistra in ditt kodavsnitt i V\u00e4rde<\/strong> f\u00e4lt. Om du sedan vill skapa fler schemamarkeringstyper f\u00f6r samma sida eller inl\u00e4gg beh\u00f6ver du bara klistra in den andra biten kod under den f\u00f6rsta. Du kan l\u00e4gga till s\u00e5 m\u00e5nga du vill.<\/p>\n

    Klicka p\u00e5 n\u00e4r du \u00e4r klar L\u00e4gg till anpassat f\u00e4lt<\/strong>, scrolla till toppen av sidan och klicka Uppdatering<\/strong> f\u00f6r att spara dina \u00e4ndringar. Vid det h\u00e4r laget har du framg\u00e5ngsrikt lagt till ett nytt anpassat f\u00e4lt till ditt inl\u00e4gg eller sida, men du m\u00e5ste fortfarande ber\u00e4tta f\u00f6r WordPress vad du ska g\u00f6ra med det.<\/p>\n

    I det h\u00e4r fallet m\u00e5ste du l\u00e4gga till en bit kod till din header.php<\/strong> fil som s\u00e4ger \u00e5t WordPress att \u201cringa\u201d dina anpassade f\u00e4lt.<\/p>\n

    Innan du forts\u00e4tter, varnas att alla misstag du g\u00f6r h\u00e4r kan skada din webbplats, s\u00e5 se till att du s\u00e4kerhetskopierar din webbplats f\u00f6rst. Det \u00e4r ocks\u00e5 b\u00e4st att skapa ett barntema s\u00e5 att du inte f\u00f6rlorar dessa \u00e4ndringar n\u00e4r du uppdaterar ditt tema.<\/p>\n

    H\u00e4r \u00e4r koden du beh\u00f6ver l\u00e4gga till i din header.php<\/strong> fil:<\/p>\n

    <?php$schema = get_post_meta(get_the_ID(), 'schema', true);
    if(!empty($schema)) {echo $schema;}?><\/p><\/pre>\n
    F\u00f6r att hitta din header.php-fil, g\u00e5 \u00f6ver till Utseende > Temaredigerare<\/strong>.  Till h\u00f6ger ser du en serie filer inklusive din webbplats header.php<\/strong> fil.<\/p>\n
    Navigera till den h\u00e4r filen och klicka p\u00e5 den.  Detta \u00f6ppnar ett nytt f\u00f6nster d\u00e4r du kan redigera det.  Klistra in koden precis innan st\u00e4ngning  m\u00e4rka.<\/p>\n
    \n<\/figure>\n
      Klicka sedan p\u00e5 Uppdatera fil<\/strong> knappen och ladda om din webbplats i en webbl\u00e4sare.  Det \u00e4r allt!  Du har lagt till schemam\u00e4rkning p\u00e5 din webbsida.<\/p>\n
    F\u00f6r att vara s\u00e4ker p\u00e5 att det inte finns n\u00e5gra fel och att din uppm\u00e4rkning fungerar korrekt b\u00f6r du validera din sida.<\/p>\n
    Google erbjuder ett testverktyg f\u00f6r strukturerad data som du kan anv\u00e4nda f\u00f6r att testa din webbplatss schemam\u00e4rkning.  Allt du beh\u00f6ver g\u00f6ra \u00e4r att \u00f6ppna verktyget och ange webbadressen till sidan du vill testa.  Verktyget kommer att skanna sidan och visa all strukturerad data som den hittar.  Det kommer ocks\u00e5 att ber\u00e4tta om det finns n\u00e5gra fel, vilket \u00e4r anv\u00e4ndbart om du skrev dina strukturerade data f\u00f6r hand.<\/p>\n
    Du kan ocks\u00e5 klistra in din markering direkt i verktyget f\u00f6r att uppt\u00e4cka eventuella fel innan du l\u00e4gger till dem p\u00e5 din webbplats.<\/p>\n
    <\/span>  G\u00e5 f\u00f6re i konkurrensen med Schema Markup<\/span><\/h2>\n
    Schemamarkering ger m\u00e5nga f\u00f6rdelar f\u00f6r alla webbplatser, och det \u00e4r vanligtvis ganska enkelt att l\u00e4gga till.  Du kan l\u00e4gga till Schema-uppm\u00e4rkning p\u00e5 din webbplats med hj\u00e4lp av ett plugin, eller g\u00f6ra det manuellt som vi har visat i den h\u00e4r artikeln.  Schemamarkering \u00e4r ett utm\u00e4rkt s\u00e4tt att f\u00f6rb\u00e4ttra din webbplatss klickfrekvens.  Om du letar efter \u00e4nnu b\u00e4ttre SEO-resultat b\u00f6r du \u00f6verv\u00e4ga att anv\u00e4nda ett holistiskt SEO-plugin.<\/p>\n
        Om f\u00f6rfattaren<\/strong><\/p>\n
                David Abraham (15 publicerade artiklar)
    <\/strong><\/p>\n
    David \u00e4r en WordPress-\u00e4lskare som brinner f\u00f6r att hj\u00e4lpa sm\u00e5f\u00f6retag att v\u00e4xa!<\/p>\n
                                Mer fr\u00e5n David Abraham<\/p>\n
    <\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
    G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
    Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
    \n
    \n
    Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n