Käyttöohje
- Anna sivun otsikko ja yhden tai kahden virkkeen kuvaus.
- Lisää kanoninen URL ja valitse, saavatko hakukoneet indeksoida sivun ja seurata sen linkkejä.
- Täytä Open Graph -kuva ja kentät, joiden tulee poiketa otsikosta ja kuvauksesta, ja valitse Twitter-kortin tyyppi.
- Kopioi luotu HTML tai lataa se ja liitä se sivusi <head>-osioon.
Näin se toimii
Generaattori kirjoittaa vain tarvitsemasi tagit. Jokainen arvo HTML-escapedoidaan (&, <, >, " ja ' muuttuvat entiteeteiksi), joten lainausmerkkejä tai kulmasulkeita sisältävä otsikko ei voi rikkoa merkintää.
Mitä kukin tagi tekee: charset kertoo selaimelle tekstin koodauksen ja sen tulisi olla head-osan alussa; viewport saa sivun asettumaan laitteen levyiseksi puhelimilla; title näkyy selaimen välilehdissä ja hakutuloksissa; meta description voidaan näyttää hakutuloskatkelmana, mutta se ei ole sijoitustekijä; canonical-linkki kertoo hakukoneille, mikä URL on sivun pääversio, jos sivusta on kaksoiskappaleita; robots, jossa on noindex, pitää sivun pois hakutuloksista, ja nofollow pyytää indeksoijia olemaan seuraamatta linkkejä. Robots-tagi toimii vain, jos indeksoijat voivat noutaa sivun, joten älä estä sivua myöskään robots.txt:ssä.
Open Graph -tagit (og:…) ohjaavat linkkien esikatseluja monissa sosiaalisen median ja keskustelusovelluksissa. Jos og:title, og:description tai og:url ovat tyhjiä, työkalu käyttää uudelleen otsikkoa, kuvausta ja canonical-URL-osoitetta. Twitter card -tageja lukevat alustat käyttävät otsikon, kuvauksen ja kuvan osalta Open Graph -arvoja, joten kirjoitetaan vain twitter:card.
Esimerkit
Blogikirjoitus
Otsikko, kuvaus, canonical URL, 1200×630-kokoinen og:image ja summary_large_image tuottavat noin kymmenen riviä, jotka kattavat hakutulokset ja linkkien esikatselut.
Hakutuloksista pois jätetty kiitossivu
Poista valinta kohdasta ”Salli indeksointi” lisätäksesi <meta name="robots" content="noindex, follow">. Sivu toimii edelleen kävijöille, mutta sen ei pitäisi näkyä hakutuloksissa.
Otsikko, jossa on lainausmerkkejä
Otsikko Ask "Anything" & <Learn> kirjoitetaan muodossa Ask "Anything" & <Learn>, jonka selaimet näyttävät täsmälleen sellaisena kuin se kirjoitettiin.
Usein kysytyt kysymykset
Auttaako meta keywords -tagi SEO:ssa?
Ei. Suuret hakukoneet ovat jättäneet meta keywords -tagin huomiotta sijoituksissa jo vuosia, joten tämä generaattori ei sisällytä sitä.
Tarvitsenko sekä Open Graph- että Twitter card -tagit?
Yleensä Open Graph -tagien lisäksi tarvitaan vain twitter:card, koska otsikon, kuvauksen ja kuvan osalta käytetään og:-arvoja.
Mihin nämä tagit sijoitetaan?
Jokaisen sivun <head>-elementin sisällä. Kehyksissä, kuten Next.js:ssä, WordPress-teemoissa tai staattisissa sivugeneraattoreissa, käytä niiden metadata-asetuksia samojen tagien tuottamiseen.
Pitäisikö jokaisella sivulla olla canonical-tagi?
Se on hyvä käytäntö, etenkin kun sama sisältö on saatavilla useiden URL-osoitteiden kautta (seurantaparametrit, lajitteluvaihtoehdot, http ja https). Sivu voi viitata itseensä canonical-osoitteena.
Tietosuoja
Tagit luodaan selaimessasi. Mitään kirjoittamaasi ei lähetetä eikä tallenneta.