Tietoa tästä työkalusta
HTML-sisällönkuvauskentät <head> ohjaavat sitä, miten hakukoneet ja sosiaaliset alustat näyttävät sivun esikatselun. Tärkeimpiä tunnisteita ovat <title>, <meta name="description">, Open Graph -tagit (og:title, og:description, og:image) ja Twitter-korttitunnisteet (twitter:title, twitter:description, twitter:image). Kun nämä tunnisteet puuttuvat, ovat virheellisesti muotoiltuja tai vääriä, hakukatkelmat ja sosiaaliset esikatselut näyttävät rikki tai sisältävät tahatonta sisältöä.
Tämä tarkistustoiminto hakee URL-osoitteen ja tarkastaa kaikki asiaankuuluvat sisällönkuvauskentät. Puuttuvat tunnisteet on merkitty. Tunnisteet, joiden sisältö ylittää alustakohtaiset pituusrajoitukset (Google-katkelmien katkaisu, Twitterin merkkikatot), on korostettu. Kuvaviittaukset tarkistetaan – jos og:image osoittaa 404:ään, sosiaalinen esikatselu katkeaa.
Tällä kaikella on merkitystä, koska useimmat sivustollesi johtaneet napsautukset tulevat hakutuloksista ja sosiaalisista jaoista. Sisällönkuvauskentät ovat markkinointikopio, joka päättää, tapahtuuko klikkaus. Niiden saaminen oikein on yksi tehokkaimmista SEO- ja sosiaalisista tehtävistä.
Miksi tarkistaa sisällönkuvauskentät
Sisällönkuvauskenttien virheet ovat hiljaa. Sivu, jolla ei ole og:imagea, latautuu silti oikein; mikään sivulla ei kerro, että some-osuudet näyttävät rikki. Virhe näkyy vain, kun joku jakaa sivun, jolloin menetetty ensivaikutelma on jo menetetty. Sivujen säännöllinen tarkistaminen havaitsee nämä ongelmat aikaisin.
Sivuston suurten muutosten – uudelleensuunnittelun, sisällönhallintajärjestelmän siirron, mallin päivityksen – jälkeen sisällönkuvauskentät usein heikkenevät. QA-passi tärkeillä sivuilla vahvistaa, ettei muutoksessa ole menetetty mitään kriittistä.
Käyttöohjeet
Anna URL, katso kaikki sisällönkuvauskentät.
- Anna URL-osoite: Kirjoita tai liitä URL-osoite tarkistettavaksi. Sekä http:// että https:// toimivat; HTTPS suositeltava.
- Hae ja jäsennä: Työkalu hakee sivun (tai pyytää sinua liittämään HTML-koodin, jos eri alkuperäongelmat estävät noudon) ja jäsentää otsikon.
- Tarkista tunnisteet: Otsikko, metakuvaus, Open Graph -tunnisteet, Twitter Card -tunnisteet ja muut asiaankuuluvat metatiedot näkyvät jäsennellyssä näkymässä. Puuttuvat kriittiset tunnisteet merkitään.
- Esikatsele, miltä sivu näyttää: Jotkut ruudut näyttävät simuloituja Google-katkelmia, Facebook-osuuksia ja Twitter-korttien esikatseluja jäsennettyjen tunnisteiden perusteella. Käytä näitä havaitaksesi ongelmat ennen kuin ne näkyvät todellisissa osakkeissa.
Tekniset tiedot
Hakukoneoptimoinnin pakolliset sisällönkuvauskentät: <title> (50–60 merkkiä; Google katkaisee tämän lisäksi hakukatkelmissa), <meta name="description"> (150–160 merkkiä; pidempi teksti katkaistaan). Jommankumman puuttuminen heikentää haun ulkoasua merkittävästi.
Open Graph -tunnisteet (Facebook, LinkedIn, Slack ja monet muut käyttävät): og:title, og:description, og:image, og:url, og:type. og:imagen tulee olla vähintään 1200 × 630 pikseliä korkean DPI:n renderöintiä varten. og:image:alt on esteettömyystunniste.
Twitter-kortin tunnisteet: twitter:kortti (yleensä summary_large_image), twitter:otsikko, twitter:kuvaus, twitter:kuva. Twitter palaa takaisin OG-tunnisteisiin, jos Twitter-kohtaiset puuttuvat, joten hyvin konfiguroitu OG usein riittää.
Usein kysytyt kysymykset
- Mitkä sisällönkuvauskentät ovat tärkeimpiä SEO:lle?
- Otsikkotunniste (tärkein – 50–60 merkkiä), metakuvaus (150–160 merkkiä), ensisijainen URL-osoite, robots-meta, Open Graph (og:title, og:description, og:image) ja näkymä mobiililaitteille. Nämä vaikuttavat suoraan hakusijoituksiin ja napsautussuhteisiin.
- Kuinka pitkä otsikkotunnisteeni pitäisi olla?
- 50-60 merkkiä (tai ~580 pikseliä), jotta se näkyy kokonaisuudessaan Googlen hakutuloksissa. Pidemmät otsikot lyhennetään merkinnällä "...". Tärkeät avainsanat alusta alkaen ovat näkyvimpiä ja niillä on enemmän SEO-painoa.
- Tarvitsenko Open Graph -tageja?
- Kyllä, jos sivusi jaetaan sosiaalisessa mediassa. Ilman og:image- ja og:title-tiedostoja Facebook/LinkedIn luo automaattisesti esikatseluita, jotka saattavat näyttää huonoilta. Oikeat OG-tunnisteet varmistavat, että sisältösi näyttää hyvältä jaettuna.
- Mitä varten kanoninen tunniste on tarkoitettu?
- Kanoninen tunniste (rel="canonical") kertoo hakukoneille, mikä URL-osoite on sivun "virallinen" versio. Se estää päällekkäisen sisällön ongelmat, kun samalle sivulle pääsee useista URL-osoitteista (www:n kanssa/ilman, HTTP/HTTPS, kyselyparametreilla).
- Miksi Facebook-osuudessani näkyy väärä kuva?
- Useimmiten Facebook käyttää välimuistiversiota. Käytä Facebookin Sharing Debuggeria tyhjentääksesi välimuistin ja hakeaksesi sivusi uudelleen.
- Ovatko sisällönkuvauskentissä kirjainkoolla merkitystä?
- Kiinteistöjen nimet ovat sopimuksen mukaan pieniä kirjaimia. Useimmat jäsentimet ovat suvaitsevaisia, mutta turvallisuuden vuoksi käytä pieniä kirjaimia.
- Haetaanko URL-osoitteeni selaimesta vai palvelimelta?
- Riippuu työkalusta. Selaimen nouto voi kohdata CORS-ongelmia; Jotkut työkalut käyttävät palvelimen välityspalvelinta hakemaan ja raportoimaan.
- Entä JSON-LD strukturoitu data?
- JSON-LD on strukturoitua dataa rich-tuloksiin, erillään sisällönkuvauskentistä. Useimmat sisällönkuvauskenttien tarkistajat keskittyvät HTML head metaan; strukturoidun datan validaattorit ovat erillinen työkaluluokka.