Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
SEO

Ymmärtää SEO-suositukset

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Kaikki tuotteet ja HubSpot-tilaukset

SEO-työkalussa, sisältöeditorissa ja sivun yksityiskohdissa voit etsiä SEO-suosituksia sisällöstäsi. Lisätietoja SEO-suositusten käyttämisestä.

Suositukset on järjestetty hakukoneoptimointityökaluissa sen mukaan, miten ne vaikuttavat sivustosi hakukoneoptimointiin ja miten vaikeaa niiden ratkaiseminen on teknisesti. Suositukset, joiden tekninen vaikeuson korkea, vaativat yleensä kehittäjän apua.

Seuraavat suositukset on järjestetty luokittain ja lueteltu sen jälkeen niiden mahdollisen SEO-vaikutuksen mukaisessa järjestyksessä. Suoraviivaiset suositukset ja kehittäjän apua vaativat suositukset näkyvät vain HubSpotin SEO-työkaluissa.

Accessibility

Lisää kuvan alt-tekstiattribuutti

Kuvat voivat vaikeuttaa hakukoneiden ja ruudunlukuohjelmia käyttävien kävijöiden ymmärrystä sisällöstäsi. Ratkaise tämä ongelma lisäämällä kuviin alt-tekstiä, joka kuvaa kuvien ulkonäköä ja sisältöä. Tämä parantaasivuston saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudestakehittäjädokumentaatiostamme.

Tarkista, että kuvan alt-tekstin pitäisi olla tyhjä

Alt-tekstin lisääminen sivun kuviin antaa hakukoneille ja ruudunlukuohjelmia käyttäville kävijöille mahdollisuuden ymmärtää sivun sisällön. Joissakin kuvissa, kuten sivun osia erottelevissa kuvakkeissa, ei ole merkityksellistä sisältöä; näissä kuvissa olisi sen sijaan oltava tyhjä alt-tekstiattribuutti. Tarkista tyhjiä alt-tekstiattribuutteja sisältävät kuvat ja varmista, että niissä ei pitäisi olla alt-tekstiä.

Määritä sivusi kieli "lang"-attribuutilla

Sivun kieli asetetaan "lang"-attribuutilla. Ruudunlukijat käyttävät tätä attribuuttia määrittäessään käytettävän kielikirjaston. Jos kieltä ei ole asetettu oikein, kävijöiden ruudunlukuohjelmat eivät välttämättä toimi oikein. Lisätietoja lang-attribuutin käytöstä.

"Lang"-attribuutti asetetaan <html>-tagin sisälle sivun lähdekoodin alkuun. Oikein muotoiltu "lang"-attribuutti näyttää tältä:

<html lang="fi">...</html>.

Vertaa <html>-tunnisteen kielikoodia hyväksyttyjen kaksikirjaimisten koodien luetteloon. languages, ja korvaa sitten virheellinen koodi. Jos <html>-tagissasi ei ole "lang"-attribuuttia, lisää tagiinlang=""[kielikoodi]".

Poista <meta http-equiv="refresh">-tagi.

Sivu, joka sisältää <meta http-equiv="refresh">-tunnisteen, päivittyy automaattisesti tietyn ajan kuluttua. Tämä voi aiheuttaa sekavan käyttökokemuksen ja häiritä ruudunlukuohjelmia. Käytä sen sijaan Javascriptiä sivuilla, joiden on päivityttävä automaattisesti.

Ryömintä ja indeksointi

Vahvista, että oikeat sivut on piilotettu hakutuloksista.

Jos jokin verkkotunnuksessasi sijaitseva sivu on estetty hakukoneilta, näet suosituksen, jonka mukaan voit tarkistaa luettelon näistä sivuista. Tämä on helppo tapa varmistaa, ettei verkkosivustollasi ole sivuja, jotka on estetty hakukoneilta vahingossa.

Jos kaikki luetellut sivut on piilotettu hakutuloksista tarkoituksella, mitään toimenpiteitä ei tarvita.

Jos näet hakutuloksista piilossa olevan verkkosivun, joka pitäisi indeksoida hakutuloksia varten, päivitä yhdessä verkkosivuston ylläpitäjän kanssa robots.txt-tiedosto tai poista sivulta kaikki tunnisteet, jotka saattavat estää sen pääsyn hakutuloksiin.

Varmista, että kanoniset linkit on määritetty oikein.

Hakukoneet, kuten Google, käyttävät kanonisia linkkejä löytääkseen sivun ensisijaisen version, joka näytetään hakutuloksissa. Vältä päällekkäisen sisällön ongelmat lisäämällä kelvollinen kanoninen linkki jokaiselle sivulle. Lisätietoja miten kanoniset URL-osoitteet vaikuttavat SEO:hon.

Kanoniset linkit merkitään virheellisiksi seuraavista syistä:

  • Kanonisia linkkejä on useampi kuin yksi.
  • Kanoninen linkki ei ole kelvollinen URL-osoite.
  • Kanoninen linkki on suhteellinen URL-osoite.
  • Kanoninen linkki osoittaa eri alueen tai kielen sivulle.
  • Kanoninen linkki osoittaa eri verkkotunnukseen.
  • Kanoninen linkki osoittaa sivuston juureen.

Lisätietoja siitä, miten muokata sivun kanonista URL-osoitetta sisältöeditorin Asetukset-välilehdeltä .

Huomaa: blogin listasivut voivat aiheuttaa vääränlaisen kaksoissisältöä koskevan hälytyksen.

Varmista, että hakukoneet voivat käsitellä sivulinkkejäsi

Hakukoneet suosivat linkkejä, jotka on muotoiltu <a>-tagiksi, jossa on href-attribuutti. Oikein muotoiltu linkki näyttää tältä:

<a href="https://www.hubspot.com">Linkitä teksti tähän</a>.

Varmista, että sivusi linkit noudattavat tätä muotoa, jotta hakukoneet voivat indeksoida ne.

Varmista, että kaikki hreflang-linkit sisältävät kelvollisen kielikoodin.

Käyttämällä hreflang-linkkejä monikielisessä verkkosivustossasi hakukoneet voivat tietää sivun kielen. Hakukoneet voivat sitten antaa kansainvälisille käyttäjille hakutuloksen sivusta, joka vastaa heidän haluamaansa kieltä. Lisätietoja hreflang-linkkien käyttäminen monikielisessä sisällössäsi.

Jos näissä linkeissä on virheellinen kielikoodi, hakukoneet eivät pysty tunnistamaan sivun kieltä oikein tai sisällyttämään sitä kansainvälisille käyttäjille kyseisen kielen tuloksiin. HubSpotissa isännöidyt monikieliset sivut tulevat käyttää automaattisesti kelvollisia kielikoodeja.

Vertaa linkkien kielikoodeja hyväksyttyjen kaksikirjaimisten koodien luetteloihin seuraaville alueille kielet ja alueetja korvaa sitten kaikki virheelliset koodit. Alueen määrittäminen hreflang-linkissä on valinnaista; jos sitä käytetään, se on muotoiltava muotoon hreflang="[language]-[region]". Esimerkiksi espanjankielinen sivu, joka on suunnattu espanjalaisille käyttäjille, olisi muotoiltu muodossa hreflang="es-es", kun taas kaikille espanjankielisille suunnattu sivu olisi muotoiltu muodossa hreflang="es".

Varmista, että kaikki hreflang-linkit käyttävät täydellistä URL-osoitetta.

Käyttämällä hreflang-linkkejä monikielisessä verkkosivustossasi hakukoneet voivat tietää sivun kielen. Hakukoneet voivat sitten antaa kansainvälisille käyttäjille hakutuloksen sivusta, joka vastaa heidän haluamaansa kieltä. Lisätietoja hreflang-linkkien käyttäminen monikielisessä sisällössäsi.

Jotkin hreflang-linkit käyttävät suhteellisia URL-osoitteita, jotka sisältävät vain URL-polun sen sijaan, että ne olisivat http/https-alkuisia täydellisiä URL-osoitteita. Vaikka nämä linkit saattavat toimia, niiden riski rikkoutua tulevaisuudessa, jos alkuperäinen URL-osoite muuttuu, on suurempi. HubSpotissa isännöidyt monikieliset sivut ovat seuraavat käyttää automaattisesti täydellisiä URL-osoitteita.

Muokkaa suhteellisia hreflang-linkkejä sivusi lähdekoodissa. Lisätietoja sivun lähdekoodin muokkaamisesta sivun editorissa ja moduulieditorissa.

Sivulla https://www.hubspot.com/example-page suhteellinen linkki voi näyttää seuraavalta :

link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.

Voit muuttaa tämän täydelliseksi linkiksi muokkaamalla href: n niin, että se sisältää koko URL-osoitteen ja protokollan (http/https):

link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.

Tee linkin ankkuritekstistäsi kuvaavampi

Linkissä ankkuriteksti on klikattava sana tai lause. Tämän tekstin tulisi ilmaista selkeästi linkin kohde. Korvaa yleiset ankkuritekstit, kuten "klikkaa tästä" tai "lue lisää", tarkoilla linkkikuvauksilla. Lue lisää Googlen ankkuritekstin parhaista käytännöistä tai lue luettelo lausekkeista, jotka aiheuttavat tämän suosituksen.

Mobiilikokemus

Varmista, että mobiilikäyttäjät voivat helposti napsauttaa jokaista sivun elementtiä.

Liian pieniä tai liian lähellä toisiaan olevia interaktiivisia elementtejä, kuten painikkeita ja linkkejä, voi olla vaikea napauttaa mobiililaitteilla. Vuorovaikutteisten elementtien tulisi olla kooltaan vähintään 48 pikseliä kertaa 48 pikseliä. Jos elementin on pysyttävä samankokoisena, pehmusteiden lisääminen ratkaisee myös tämän virheen.

Opi muokkaamaan erityyppisten elementtien kokoa tai pehmusteita HubSpotissa:

Varmista, että jokaisella sivulla on viewport-tunniste

Viewport-tunniste ohjaa verkkosivustosi sisällön mittakaavaa eri laitetyypeillä. Jos tämä tagi puuttuu tai se on asetettu väärin, verkkosivustosi näyttää hakukoneiden silmissä vähemmän mobiiliystävälliseltä. Tämä voi vaikuttaa kielteisesti sijoituksiisi hakutuloksissa.

Lisää tai muokkaa sivusi viewport-tunnistetta yhdessä kehittäjän kanssa. Jos tiimissäsi ei ole kehittäjää, voit saada neuvoja CMS-kehittäjien foorumilta tai ottaa yhteyttä ratkaisukumppaniin.

On-Page SEO

Kirjoita selkeä otsikko ja metakuvaus

Sivun otsikko ja metakuvaus kertovat hakukoneille, mistä sivu kertoo. Lue lisää sivun otsikon ja metakuvauksen muokkaamisesta HubSpotin sisältöeditorissa .

Optimoi blogin sisällön pituush

Optimointityökalu skannaa vain blogikirjoitusten sanamäärän, ei sivujen. Työkalu laskee kaikki blogikirjoituksen sisältämät sanat, mukaan lukien blogin otsikko ja kirjoittaja. Yleissääntönä suositellaan vähintään 300 sanaa. Muista tehdä tutkimusta ja määrittää paras pituus aiheeseen, josta kirjoitat.

Sisällön ihanteellinen sanamäärä riippuu siitä, mistä kirjoitat. Tärkeintä on miettiä, kuka on yleisö ja mitä heidän on tiedettävä aiheesta.Hyvä tapa määrittää, kuinka pitkä sisällön tulisi olla, on katsoa, mitkä sivut sijoittuvat korkealle hakutuloksissa aiheellasi tai alaotsikkolauseellasi tänään.

  • Jos suurin osa sisällöstä on lyhyttä ja ytimekästä, sinun kannattaa pyrkiä samanlaiseen pituuteen.
  • Jos löydät enemmän pitkäkestoista sisältöä, joka on hyvin yksityiskohtaista, yritä tehdä sama omassa sisällössäsi.

SEO-työkalu ja Optimoi-paneeli skannaavat blogisi sisällön ja laskevat blogikirjoituksen runkoon sisältyvien sanojen määrän:

  • Sivulla on vähintään 300 sanaa: sivut, jotka sijoittuvat hyvin hakutuloksissa, antavat syvällisen vastauksen kävijöiden kysymyksiin. Tavoittele vähintään 300 sanaa.

Huomaa: optimointityökalu laskee unicode-välimerkit blog-post-wrapper-luokassa havaitakseen sanojen määrän blogikirjoituksessasi. Tämä tarkoittaa, että laskenta on tarkin kielissä, joissa käytetään latinalaisia aakkosia. Jos huomaat odottamattoman sanamäärän, tarkista web-kehittäjältäsi, ettei koodatussa blogipostauksen mallissa ole blogipostauksen wrapper-luokan kaksoiskappaleita.


Suorituskyky

Käytä oikein mitoitettuja kuvia

Suurten kuvatiedostojen käyttäminen, joiden kokoa muutetaan editorissa, voi lisätä sivun latausaikaa. Lisätietojamiten kuvien koko vaikuttaa sivun suorituskykyyn.

Voit välttää tämän virheen muuttamalla suurten kuvien kokoa ennen kuin käytätlataamalla ne HubSpotiintai käyttämällävektoripohjainen kuvaformaatti, kuten SVG:tä.

Kehittäjät voivat lyhentää olemassa olevien kuvien latausaikoja ottamalla käyttöön responsiivisia kuvia. Lisätietoja kehittäjien vaihtoehdoistaoptimoida kuvia sivun suorituskyvyn parantamiseksi.

Turvallisuus

Varmista, että kaikki sivut latautuvat suojatun yhteyden kautta

Jos jokin sivusi käyttää HTTP:tä, näet yllä olevan suosituksen. HTTPS:ää käyttävät sivut ovat olleetGooglen ranking-tekijä vuodesta 2014. HTTPS:n kautta latautuvat sivut tarjoavat myös turvallisemman selauskokemuksen verkkosivustosi kävijöille.

Varmista, että kaikki sivuresurssit latautuvat suojatun yhteyden kautta.

Jos jokin sivujesi resursseista latautuu turvattoman yhteyden kautta, näet yllä olevan suosituksen. Resurssien (kuten kuvien, CSS-tiedostojen, JavaScript-tiedostojen jne.) lataaminen turvattoman yhteyden kautta heikentää koko sivun turvallisuutta. Se voi myös johtaa siihen, että selaimet näyttävät sekasisältövaroituksen tai estävät kyseiset resurssit.

Kun tiedostojasi isännöidään Tiedostot-työkalun avulla tai koodatut tiedostot luodaan HubSpotin Suunnittelunhallinnanavulla, ne käyttävät automaattisesti HTTPS:ää. Jos resurssisi kuitenkin isännöidään tai osittain isännöidään ulkoisesti, sinun on ostettava SSL-sertifikaatti ulkoiselta palveluntarjoajalta, jotta resurssisi ladataan HTTPS:ää käyttäen.
Jos olet jo ostanut SSL-sertifikaatin ulkoiselta palveluntarjoajalta, mutta resurssisi eivät lataudu HTTPS:ää käyttäen, ota yhteyttä ulkoiseen palveluntarjoajaan ongelman ratkaisemiseksi. Sinun on tarkistettava kaikki resurssisi varmistaaksesi, että ne kaikki isännöidään suojattua yhteyttä käyttäen.

Päivitä ulkoiset linkit, jotka aiheuttavat turvallisuus- ja suorituskykyriskejä.

Ulkoiset linkit, jotka avaavat sivun uuteen selaimen välilehteen käyttämällä target="_blank"-attribuuttia, voivat aiheuttaa tietoturva- ja suorituskykyongelmia. Voit välttää nämä ongelmat lisäämällä näihin linkkeihin rel="noopener" tai rel="noreferrer ". Lisätietoja tällaiseen ulkoiseen linkkiin liittyvät mahdolliset riskit.

Joissakin HubSpotin moduuleissa, kuten Follow Me -moduulissa, rel="noopener"-attribuutti lisätään ulkoisiin linkkeihin automaattisesti.

Sinun on muokattava ulkoisia linkkejä sivusi lähdekoodissa. Lisätietoja sivun lähdekoodin muokkaamisesta sivun editorissa ja moduulieditorissa.

Tämän virheen aiheuttava linkki voi näyttää seuraavalta:

<a href="https://www.google.com" target="_blank">.

Lisäämällä linkkiin rel="noopener" tai rel="noreferrer " vältät turvallisuus- ja suorituskykyongelmat:

<a href="https://www.google.com" target="_blank rel="noopener"> tai

<a href="https://www.google.com" target="_blank rel="noreferrer">.

Käyttäjäkokemus

Korjaa sisäiset rikkinäiset linkit

Sivuston sivujen väliset rikkinäiset linkit aiheuttavat negatiivisen käyttäjäkokemuksen. Hakukoneiden on myös vaikea ymmärtää sivustosi rakennetta. Korvaa tai päivitä jokainen rikkinäinen linkki.

Huomaa: saman rikkinäisen URL-osoitteen useat esiintymät yhdellä sivulla näkyvät SEO-suosituksissa vain kerran.

Varmista, että kaikki sivun resurssit, kuten kuvat ja CSS-tyylitaulukot, latautuvat.

Resurssit, jotka eivät lataudu, kuten rikkinäiset kuvat, vaikuttavat kielteisesti käyttäjäkokemukseen. Tämä voi vaikuttaa myös siihen, missä sivustosi näkyy hakutuloksissa. Ongelman voi ratkaista poistamalla tai päivittämällä kunkin rikkinäisen resurssin sivuviitteet.

HubSpot havaitsee tällä hetkellä seuraavat rikkinäisten resurssien tyypit: fontti, kuva, ääni-/videosisältö, skripti, tyylitaulukko ja XHR.

Etsi viittaukset rikkinäiseen resurssiin sivulta, mallista tai tyylitaulusta. Sinun on joko korvattava linkit tai ratkaistava ongelma itse resursseissa.

Varmista, että kuvissasi on oikea kuvasuhde

Kuvan kuvasuhde on kuvan leveyden ja korkeuden välinen suhde. Kun muutat kuvan kokoa, varmista, että kuvasuhde pysyy vakiona. Muuten kuva voi näyttää venytetyltä tai vääristyneeltä.

Kun muutat kuvien kokoa HubSpotin sisältöeditorissa, alkuperäinen kuvasuhde säilyy automaattisesti. Jos haluat korjata virheellisen kuvasuhteen, tarkista HTML- ja CSS-muotoilu, joka vaikuttaa leveyteen tai korkeuteen.