monet online-yritysten omistajat ja online-markkinoijat tietävät SEO merkitys ajo liikennettä sivustoosi. Mitä monet eivät kuitenkaan tiedä, on linkki SEO ja sivuston lähdekoodi.
sillä ei ole väliä, kuinka monta SEO-työkalua ja-laajennusta sinulla on, sinun täytyy jossain vaiheessa tutkia verkkosivustosi lähdekoodia, joko suorittaaksesi kattavan SEO-tarkastuksen tai tarkistaaksesi yksittäisiä kohteita, jotka vaikuttavat verkkosivustosi SEO: hon.
Mietitkö, mikä sivuston lähdekoodi tarkalleen ottaen on ja mitä se tekee?
normaalisti, kun avaat verkkosivun, näet täydellisen typografian, kauniita kuvia, erilaisia toiminnallisuutta lisääviä elementtejä, täydellisesti sijoitetut puhelut toimintaan ja niin edelleen.
näiden näkyvien elementtien alla piilee sivustosi lähdekoodi, joka määrää, miten kaikki näkyy sivustossasi.
periaatteessa lähdekoodi antaa virtaa koko sivustollesi ja vastaa sivuston ulkoasusta, tuntumasta, toiminnallisuudesta ja käyttökokemuksesta.
sen lisäksi, että sivustosi virtaa, lähdekoodi on se, mitä hakukoneet, kuten Google, lukevat määrittääkseen, pitäisikö verkkosivusi indeksoida ja miten niiden pitäisi näkyä hakutuloksissa.
tämä tarkoittaa, että lähdekoodilla on erittäin tärkeä rooli sivustosi SEO: ssa.
Jos lähdekoodissa on virheitä, seurauksena voi olla epätarkkoja SEO-tietoja, mikä johtaa huonoon hakujärjestykseen.
siksi on tärkeää tarkistaa säännöllisesti sivustosi lähdekoodi ja varmistaa, että kaikki näyttää olevan kunnossa.
kysymys kuuluu, miten sinä suhtaudut lähdekoodiisi, ja mitä sinun tarkalleen pitäisi etsiä, kun tarkistat lähdekoodiasi?
kuinka lukea sivustosi lähdekoodia
vaikka sivustosi lähdekoodin katselu on melko helppoa, eri selaimilla on eri komennot lähdekoodin katsomiseen.
lisäksi komennot ovat erilaisia PC: llä ja Macilla.
alla on komennot sivustosi lähdekoodin katseluun käyttöjärjestelmästä ja selaimesta riippuen.
PC
Firefox: jos haluat tarkastella Firefoxin lähdekoodia tietokoneella, paina CTRL-näppäintä ja paina sitten ”U” – näppäintä samalla kun painat CTRL-näppäintä. Voit myös tarkastella sivun lähdekoodia klikkaamalla Firefox-valikkoa, valitsemalla” Web Developer ”- vaihtoehdon ja klikkaamalla ” Page Source.”Vaihtoehtoisesti, voit hiiren kakkospainikkeella verkkosivun ja klikkaa” Näytä sivun lähde.”
Microsoft Edge: jos haluat tarkastella sivun lähdekoodia Microsoft Edgessä, pidä CTRL-näppäintä painettuna ja paina ”U”, tai napsauta verkkosivua hiiren kakkospainikkeella ja klikkaa ”View Source.”Sama toimii Internet Explorerissa.
Google Chrome: pidä CTRL-näppäintä alhaalla ja paina ”U.” vaihtoehtoisesti, klikkaa kolmea vaakaviivaa oikeassa yläkulmassa nähdäksesi Chrome-valikon, valitse ”Työkalut” ja napsauta sitten ”View Source.”
Opera: Pidä CTRL-näppäintä ja paina ” U, ”tai hiiren kakkospainikkeella verkkosivun ja klikkaa” Näytä sivun lähde.”
Mac
Safari: jos haluat tarkastella sivun lähdekoodia Safarissa, paina ”optio” – ja ”komento” – näppäimiä ja paina ”U” – näppäintä. Vaihtoehtoisesti, oikealla klikkaa verkkosivun ja klikkaa ” Näytä sivun lähde.”
Firefox: voit tarkastella sivun lähdekoodia pitämällä ”Command” – näppäintä ja painamalla U. Vaihtoehtoisesti, mene Firefox-valikkoon, valitse ” kehittäjä ”ja sitten” Näytä sivun lähde ”tai oikealla klikkaa verkkosivun ja klikkaa” sivun lähde.”
Chrome: paina ”Option” ja ”Command” – näppäimiä ja paina sitten ”U.” vaihtoehtoisesti siirry Chrome-valikkoon, klikkaa ”More Tools” ja valitse ”Developer tools.”Voit myös tarkastella lähdekoodia oikealla klikkaamalla sivua ja valitsemalla” View Source.”
miksi on tärkeää lukea sivustosi lähdekoodi
kuten aiemmin mainitsin, sivustosi lähdekoodilla on valtava vaikutus sivustosi hakukoneoptimointiin.
lähdekoodin katselu on helppo tapa tarkistaa, onko sivustosi SEO: n eri osa-alueet määritetty oikein.
lisäksi kilpailijan lähdekoodia tarkistamalla voi nähdä, mitä he tekevät verkkosivuillaan.
voit kääntää sen, mitä niiden lähdekoodissa on, saavuttaaksesi samanlaisia tuloksia verkkosivustollasi.
alla on muutamia syitä, miksi lähdekoodi kannattaa lukea.
se on hyödyllinen tarkistettaessa otsikko tunnisteet
otsikko tagi on yksi tärkeimmistä elementeistä sivun SEO, ja on siksi tärkein asia, sinun pitäisi tarkistaa, kun tarkistat lähdekoodia.
aina kun etsit jotain Googlesta, kaikki tulokset ovat peräisin niiden eri verkkosivujen otsikkotunnisteista, joihin tulokset viittaavat.
tämä tarkoittaa sitä, että ilman verkkosivustosi otsikkotunnisteita sivustosi ei löydy mistään hakukoneesta.
ymmärtääkseni nimilapun merkityksen käytän kuvitusta. Kun haet nimeä ”Cleverism”, tämä on mitä tulee esiin.
punaisella korostettu osa on johdettu suoraan nimilapustamme. Kun avaat verkkosivustomme ja katsot lähdekoodia, näet tämän.
korostettu osa, joka esiintyy aukon <title> tag ja päättyvän </title> tag on niin sanottu title tag.
kuten näette, se on täsmälleen samanlainen kuin mitä hakutuloksissa esiintyy, kun etsitään termiä ”nokkeluus.”
kun luet verkkosivustosi lähdekoodia, sinun on ensin varmistettava, että jokaisella verkkosivustollasi on nimikyltti. Ei ole yllättävää löytää verkkosivuja, joilla ei ole otsikkotunnisteita.
muista, että jos sivustossasi ei ole otsikkotunnisteita, se ei koskaan näy hakutuloksissa. Varmista myös, että nimilappusi sijaitsee <head> – osiossa.
sen lisäksi, että sivustosi täytyy näkyä hakukoneen tulossivuilla, otsikkotunnuksesi vaikuttaa myös siihen, miten ilmestyt hakutuloksissa. Google ja muut hakukoneet tarkastella avainsanoja otsikko tag määrittää, mitä sivusto tai web-sivu on noin.
esimerkiksi yllä olevassa esimerkissämme, jos joku etsii fraasia ”Hanki unelmatyösi”, hän saattaa törmätä sivuillemme, koska meillä on sama lause nimikyltissämme.
Jos siis haluat, että sivusi sijoittuu tietylle aihepiirille, varmista, että tämän sivun otsikkotunnisteessa on kyseiseen aiheeseen liittyviä sanoja. Voit tarkistaa tämän viestin lisätietoja otsikko Tag optimointi.
muita tärkeitä asioita pitää mielessä, kun se tulee otsikko tunnisteet on, että sinulla pitäisi olla vain yksi otsikko tag jokaiselle verkkosivun, ja että jokainen otsikko tag sivustosi pitäisi olla ainutlaatuinen.
lisäksi sinun tulee varmistaa, että jokaisella sivustosi sivulla on nimikyltti.
auttaa Vastatarkistamaan Metakuvauksiasi
toinen asia, joka sinun pitäisi tarkistaa, kun tarkistat verkkosivustosi lähdekoodia, on metakuvauksesi.
otsikkotunnisteiden tapaan metakuvauksia löytyy myös <head> verkkosivujesi HTML-osiosta. Metallikuvaus on pohjimmiltaan lyhyt (160 merkkiä) kuvaus siitä, mistä verkkosivulla on kyse.
kun verkkosivusi ilmestyy hakukoneen tulossivuille, metakuvaus näkyy aivan otsikkotunnisteen alapuolella.
etsitään vielä kerran termiä ”Cleverismi” ymmärtääksemme, mikä rooli metakuvauksella on.
kun haet nimeä ”nokkeluus”, tämä tulee esiin.
punaisella korostettu osa on se, mitä metakuvauksessa on. Kun palaat verkkosivustomme lähdekoodiin, näet tämän.
korostettu osa on niin sanottu metakuvaus.
kuten näette, se on täsmälleen samanlainen kuin mitä otsikkotunnisteen alla olevissa hakutuloksissa on, kun etsit termiä ”nokkeluus.
koska ihmiset voivat lukea metakuvauksesi tarvitsematta avata verkkosivustoasi, metakuvaus toimii ilmaisena mainoskopiona, joka auttaa mahdollisia kävijöitä määrittämään, löytävätkö he sivustoltasi etsimänsä.
yllättävän suuri osa verkkosivujen omistajista ja kehittäjistä unohtaa metakuvauksen, mutta sitä ei kannata jättää huomiotta.
Tarkista ja varmista, että jokaisella sivustosi sivulla on metakuvauksensa, ja varmista samalla, että sinulla ei ole useita metakuvauksia.
joskus sinulla saattaa olla kaksi erilaista liitännäistä, jotka voivat johtaa metakuvauksesi päällekkäisyyteen.
kannattaa myös varmistaa, että metakuvaus on yksilöllinen jokaiselle sivulle. Vastusta kiusausta kopioida sama meta kuvaus jokaisella sivulla.
varmista lisäksi, että metakuvaukset sijaitsevat <head> HTML-osiossasi.
lopuksi, koska meta-kuvaus on pohjimmiltaan ilmaista mainontaa, joka määrittää, klikkaavatko ihmiset verkkosivustosi läpi, ota hetki aikaa tehdä suuri kopio, joka auttaa lisäämään klikkauksia ja ajaa enemmän kävijöitä sivustollesi.
se on hyödyllinen tarkistettaessa Suuntatunnisteita
seuraava asia, joka sinun täytyy tarkistaa tarkistaessasi lähdekoodiasi, on se, käytätkö suuntatunnisteita oikein, koska ne vaikuttavat myös sivun hakukoneoptimointiin.
on olemassa eritasoisia otsakkeita, joista yleisimpiä ovat H1 -, H2-ja H3-tunnisteet.
suuntamerkkien tarkistamisessa on ensimmäiseksi varmistettava, että yhdellä sivulla ei ole enempää kuin yksi H1-tunniste.
joskus, riippuen CMS, WordPress teema, tai asennettu plugins, saatat löytää useita H1 tunnisteet yhdellä verkkosivun.
Ongelmana tässä on se, että useimmat hakukoneet tulkitsevat sen ylioptimoinniksi, mikä ei ole hyvä idea HAKUKONEOPTIMOINNILLE.
varmista siis, että sivulla on vain yksi H1-tunniste, ja tätä tulisi käyttää antamaan kävijöille selkeä käsitys siitä, mitä sivulla on odotettavissa.
kannattaa myös tarkistaa, onko nettisivuilla H2-ja H3-tunnuksia.
Näitä käytetään sisällön hajottamiseen luettavuuden parantamiseksi.
voit sisällyttää H2-ja H3-tageihin myös toissijaisia avainsanoja täydentämään pääsanojasi.
Countercheck your Scripts
Scripts are great for your website. Ne ovat hyödyllisiä toiminnallisuuden lisäämiseksi sivustoosi. Yleisimmin käytetyt skriptit ovat JavaScript.
hyödyllisyydestään huolimatta skriptit voivat haitata sivustosi SEO-ja käyttäjäkokemusta. Ensinnäkin, ottaa liikaa skriptejä hidastaa latausaikaa.
lisäksi monet kehittäjät lataavat skriptit lähelle sisällön päätä.
ideana on, että skriptit latautuvat aikaisin, kun vierailija avaa sivun.
Ongelmana tässä on kuitenkin se, että komentosarjojen lataaminen aikaisin tarkoittaa, että sivustosi lataaminen kestää huomattavasti kauemmin.
joten, miksi tämä on ongelma? Internetin käyttäjillä on hyvin vähän kärsivällisyyttä.
jokaista sekuntia kohden, jonka kävijät odottavat sivusi latautumista, saatat kokea jopa 7%: n vähennyksen muuntamisessa kävijöiden hylätessä sivustosi.
tällä voi olla merkittävä vaikutus sivustosi tuloihin.
tämän vuoksi on erittäin tärkeää tarkistaa skriptejä.
ensimmäinen asia, joka sinun täytyy tehdä täällä, on tarkistaa sivustosi skriptien määrä.
kuinka monta niitä on? Tarvitsetteko näitä käsikirjoituksia?
joskus saatat huomata, että jotkin skriptit ovat edelleen aktiivisia verkkosivustollasi, vaikka ne eivät olisi enää tarpeen.
tällaiset skriptit eivät ainoastaan hidasta latausaikaa, vaan ne voivat myös johtaa lisävirheisiin.
toinen asia, mitä sinun pitäisi tehdä, on siirtää skriptit sivun alalaitaan. Sijoita ne juuri ennen sulkemista <body> tag sivustosi HTML: ssä.
Vaihtoehtoisesti voit luoda yhden JavaScript-tiedoston, joka sisältää kaikki komentosarjasi ja linkittää sen jälkeen HTML-tiedostosi alareunassa olevaan tiedostoon.
jompikumpi näistä kahdesta lähestymistavasta tarkoittaa, että skriptien ei tarvitse latautua ennen muuta sivustoa, mikä johtaa sivuston latausnopeuden merkittävään kasvuun.
skriptejä tarkistettaessa kannattaa myös tarkistaa, onko jokin asennettu seurantakoodi, kuten Facebook-seurantakoodi tai Google Analytics, asennettu oikein.
Jos näitä seurantakoodeja ei ole asennettu oikein, on mahdollista, että et ehkä kerää mitään oleellista tietoa.
lopuksi skriptien tarkistamisen avulla voit selvittää, onko sivustosi hakkeroitu. Kun käyt läpi asennetut skriptit, vahvista, että kaikki aktiiviset skriptit ovat sinun valtuuttamiasi.
Jos löydät skriptin, jota et tunnista tai jota et ole valtuuttanut, on mahdollista, että hakkeri on pistänyt sen sinne.
lähdekoodin katselu on ainoa tapa saada täydellinen näkyvyys kaikille sivustollesi asennetuille skripteille.
Tarkista NoFollow-linkit
verkkosivuston omistajana tai internet-markkinoijana tiedät todennäköisesti, kuinka tärkeää linkkien luominen on SEO-ponnistelujesi kannalta.
kaikki käänteislinkit saattavat kuitenkin olla vailla todellista tarkoitusta, jos niitä ei seurata.
ymmärtääkseni, mitä tarkalleen nofollowit ovat ja miksi on tärkeää tarkistaa ne, minun täytyy puhua jostain, joka tunnetaan nimellä ”link juice.”
verkkosivuja indeksoidessaan hakukoneet tulkitsevat linkkejä sivustoosi muiden verkkosivustojen mainoksiksi. Jos joku on päättänyt linkittää sisältöösi, tämä tarkoittaa, että sivustosi sisältö on relevanttia ja arvokasta.
Mitä enemmän ulkopuolisia sivustoja sivustoosi linkitetään, sitä arvovaltaisemmaksi sivustosi hakukoneet mieltävät, mikä lisää todennäköisyyttä, että hakukoneet sijoittavat sivustosi korkeammalle.
tällaisten linkkien vaikutus hakusi rankingiin on se, mitä ei-tieteellisissä termeissä kutsutaan linkkimehuksi.
joskus attribuutin voi koodata linkeiksi estääkseen linkkimehun siirtymisen linkitetylle sivustolle. Nämä ominaisuudet tunnetaan nimellä nofollows.
käytännössä nofollow-attribuutti kertoo, että sivuston läpi ryömivät hakukonerobotit jättävät kyseisen linkin huomiotta.
Jos sivustoosi linkittävä sivusto ei ole seurannut linkkiä, linkki ei läpäise mitään linkkimehua eikä edistä hakusi rankingia.
tämän vuoksi on tärkeää käydä läpi lähdekoodisi ja tarkistaa mahdolliset ulkoiset linkit, joilla on nofollow-attribuutti, vaikka niiden ei pitäisi.
tarkista kuvan optimointi
Tiesitkö, että sivustosi kuvat edistävät myös sivustosi SEO: ta?
avain kuvien käyttämiseen SEO-tarkoituksiin on varmistaa, että kuvissasi on otsikko-ja alt-tunnisteet.
verkkosivujen kautta ryömivillä Hakukoneroboteilla ei ole kykyä katsoa, mitä kuvissa on.
title-ja image alt-tageilla annat näille roboteille keinon ymmärtää, mistä imagossasi on kyse.
kuvan otsikkotunnisteessa kuvalle annetaan otsikko, kun taas kuvan alt-tunnisteessa on lyhyt kuvaus kuvasta.
otsikko-ja alt-tagien käyttö kuvissasi on erityisen tärkeää, jos käytät kuvia tuotteiden myymiseen verkkokauppasivustolla.
kun käytät kuvia verkkokauppaan, sinun tulee sisällyttää tuotteen tuotenimi ja lyhyt kuvaus osaksi kuvan Alt-tunnistetta.
muita kuvia, joissa pitää olla alt-tunnisteita, ovat logot, infografiikat, selitysdiagrammit, joukkuekuvat ja niin edelleen.
koristekuviin ei kuitenkaan tarvitse sisällyttää alt-tunnisteita, kuten niitä, jotka näkyvät sivusi yläosassa olevassa kuvakarusellissa.
kirjoitettaessa kuvauksesi Alt-tageja, vältä täyttämästä liian monia avainsanoja, koska tämä voi johtaa sivustosi rankaisemiseen.
kun tarkistat sivusi lähdettä, voit katsoa kuvia joko etsimällä <img> tag tai navigoimalla ”elements” – paneeliin lähdekoodin avaamisen jälkeen.
elements-paneelista voit tarkistaa kuvien koon, pidentävätkö ne latausaikaasi.
Voit myös tarkistaa niiden reagointikyvyn nähdäksesi, onko ne optimoitu katseltavaksi eri näytöillä.
Countercheck Metarobotit tagit
Tämä on toinen yleinen asia, jonka monet markkinoijat ja verkkosivujen omistajat joko unohtavat tai jättävät huomiotta.
metarobotit-tagit antavat hakukoneroboteille ohjeet siitä, pitäisikö tietyt sivut indeksoida vai ei, tulisiko sisällön sisältämiä linkkejä noudattaa vai ei, ja niin edelleen.
tässä syy, miksi on erittäin tärkeää tarkistaa metarobottien tunnisteet.
Jos metarobotti-tagiesi sisältö on virheellinen, se antaa hakukoneroboteille väärät ohjeet, mikä tarkoittaa, että sabotoit omia SEO-toimiasi estämällä näitä robotteja indeksoimasta sisältöäsi.
Jos luet tämän artikkelin sivulähdettä sivuillamme, huomaat, että siinä on metarobotti-tunniste, joka on korostettu alla olevassa kuvassa.
tämän metaotsikon avulla ryömijät tietävät, että tämä sivu tulee indeksoida ja sivulla olevia linkkejä tulee noudattaa.
Vahvista, että Google Analytics on asennettu oikein
verkkovastaavana tai verkkomarkkinoijana käytät todennäköisesti jo Google Analyticsia sivustosi erilaisten tilastojen seuraamiseen ja seuraamiseen.
on kuitenkin mahdollista, että Analytiikkaa ei asenneta joka sivulle, jolloin et välttämättä seuraa joitakin tärkeitä tilastoja.
onneksi sivustosi lähdekoodista voi tarkistaa, onko analytiikka asennettu oikein.
Jos haluat tarkistaa Google Analyticsin asennuksen, avaa verkkosivustosi lähdekoodi ja etsi ”UA.”Jos esimerkiksi avaamme yllä olevassa esimerkissä käyttämämme artikkelin lähdekoodin, huomaat, että Google Analytics on asennettu sivulle.
Jos törmäät kirjaimiin UA, joita seuraa 7-tai 8-numeroinen koodi, Tämä osoittaa, että Google Analytics on asennettu kyseiselle sivulle (ei koko verkkosivustolle).
kannattaa myös tarkistaa, ettei seurantakoodi näy kuin kerran yhdellä sivulla.
Toista tämä menettely jokaisella sivulla varmistaaksesi, että analytiikka on asennettu muille sivuille.
Jos törmäät sivulle, jolla ei ole seurantakoodia, tämä tarkoittaa, että et saa mitään Analytiikkaa kyseiseltä sivulta.
Jos sinulla on niin valtava sivusto, että et voi manuaalisesti tarkistaa analytiikan seurantakoodia joka ikiseltä sivulta, voit käyttää työkalua kuten xml-sitemaps.com jotta työ olisi helpompaa sinulle.
et ehkä ole harkinnut sitä, mutta sivustosi lähdekoodin katselu voi olla hyvä tapa suorittaa SEO-tarkastus sivustossasi ja vahvistaa, että kaikki sivustossasi on kunnossa.
parasta siinä on se, että sinun ei tarvitse olla web-kehittäjä tai olla paljon teknistä asiantuntemusta, jotta voit valita sivustosi lähdekoodin.