Kuinka avata sivukoodi nopeasti selaimessa, vaikka kopiointi olisi kielletty. JavaScript-komentosarjojen purkaminen ja purkaminen Lähdekoodin salauksen purku

Artikkelissa käsitellään salauksen ja pakkaamisen perusperiaatteita, suojauksen heikkoja kohtia, manuaalisen poiston menetelmiä sekä yleistyökaluja pakkainten automaattiseen poistamiseen ja saranoituun suojaukseen. JavaScript-skriptit.

Piilotettu teksti

Viime aikoina skriptien lähdekoodi on yhä useammin salattu tai pakattu. Yandex, DLE ja muut suositut projektit alkoivat innostua tästä, ja kauniit tarinat "käyttäjistä huolehtimisesta", "liikenteen säästämisestä" ja muista hölynpölyistä näyttävät erittäin hauskoilta. No, jos jollain on jotain salattavaa, meidän tehtävämme on tuoda se esiin.

Aloitetaan teoriasta. JavaScript-suorituksen erityispiirteistä johtuen kaikilla salakirjoittimilla ja pakkaajilla on niiden monimuotoisuudesta huolimatta vain kaksi algoritmia:

Var encrypted="salatut tiedot";
funktio decrypt(str) (

}
// Suorita salaus purettu komentosarja
eval(purkaa salaus(salattu));

tai vaihtoehtoisesti:

var encrypted="salatut tiedot";
funktio decrypt(str) (
// salauksen purku- tai purkutoiminto
}
// Näytä salatut tiedot
document.write(decrypt(salattu));

Toista menetelmää käytetään useimmiten suojaamaan sivun HTML-lähdekoodia sekä erilaisia troijalaisia sivulle injektoitaviksi. vahingoittava koodi, kuten piilotettu kehys. Molempia algoritmeja voidaan yhdistää, salauksen purkajan "hienotus" ja monimutkaisuus voivat olla mitä tahansa, vain itse periaate pysyy ennallaan.

Molemmissa tapauksissa käy ilmi, että eval()- ja document.write()-funktiot välitetään täysin salattuina. Miten ne siepataan? Kokeile korvata eval() merkillä alert() ja avautuvassa MessageBoxissa näet heti salauksen puretun tekstin. Jotkut selaimet mahdollistavat tekstin kopioimisen MessageBoxeista, mutta on parempi käyttää tätä puoliautomaattista dekooderia:

JavaScript-dekooderi

// Toiminto salauksenpurkutulosten kirjoittamiseksi lokiin
funktiodekooderi(str) (
document.getElementById("dekoodattu").value+=str+"\n";
}

Otetaan esimerkiksi komentosarja Yandexistä; lähdekoodin tarkastelun jälkeen näemme jotain epäterveellistä:

eval(function(p,a,c,k,e,r)(e=funktio(c)(return(c35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function())(paluu"\w+") ; c=1);kun taas(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||.u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5.2(.6-9").14("7");$(5.2(.6) -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5.16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(.b-r");3 d=$(o).2 (.b-12");
[loput samat hölynpölyt leikataan pois]

Sanon heti, että tätä komentosarjaa käsittelee JavaScript Compressor, se on helppo tunnistaa sen allekirjoituksesta - funktion tyypillisestä nimestä komentosarjan alussa. Kopioimme skriptin koko lähdetekstin, korvaamme ensimmäisen evalin dekooderilla, liitämme sen dekooderiin ja tallennamme sen html-sivuksi.

// Liitä ensin salattu komentosarja tähän
// korvaa kaikki eval()- ja document.write()-kutsut komennolla decoder().
dekooderi(funktio(p,a,c,k,e,r)(e=funktio(c)(return(cQAPKRV%22NCLEWCEG? HctcQa ...
hp_d01(unescape(">`mf(%22`eamnmp? !DDDDDD %22v ...

Mukavuuden vuoksi skriptejä ei anneta kokonaisuudessaan tässä artikkelissa, vaan sinun on kopioitava ne kokonaisuudessaan. Avaamme dekooderin selaimessa ja näemme ohjelman lisäämät suojausskriptit ja sivun puretun lähdetekstin. Mukavuuden vuoksi voit purkaa vain kolmannen komentosarjan, joka sisältää sivun html-koodin. Siinä kaikki suoja. Kuten näette, ei mitään monimutkaista. Muut HTML-sivujen suojaukset poistetaan samalla tavalla.

Siirrytään manuaalisesta salauksen purkamisesta automaattiseen salauksen purkamiseen. Ensimmäisen suojatyypin poistamiseksi muokkasin hieman jo tuntemaasi Beautify Javascript -skriptiä ja käänsin sen exe-tiedostoksi. Se käsittelee useimmat JavaScript-suojaukset ja kääreet, joita olen nähnyt ilman ongelmia.

Eval JavaScript Unpacker 1.1
Eval.JavaScript.Unpacker.1.1-PCL.zip (12 073 tavua)

Vaikeammissa tapauksissa sinun on käytettävä raskasta tykistöä. Tämä on ilmainen Malzilla-projekti, joka on suunniteltu tutkimaan troijalaisia ja muuta haitallista koodia. Koska kaikki tekijänoikeuksia suojaavat ohjelmat ovat selvästi haitallisia, Malzilla auttaa meitä torjumaan niitä. ladata uusin versio(tänään se on 1.2.0), pura se pakkauksesta ja suorita se. Avaa toinen Dekooderi-välilehti, liitä salattu komentosarjakoodi yläikkunaan ja paina Suorita komentosarja -painiketta.

Siinä on vähemmän toimintoja, mutta sillä on paikka olla. Sivuston ulkopuolelta voit ladata esittelyvideon, joka näyttää esimerkin ohjelman kanssa työskentelystä.

Kuten näet, suojauksen poistamisessa JavaScript-skripteiltä ja html-sivuilta ei ole mitään vaikeaa. Jatkatko edelleen ilkeiden "tekijänoikeuksien" puolustamista? Sitten mennään luoksesi!

Olemme julkaisseet uuden kirjan "Sisältömarkkinointi in sosiaalisissa verkostoissa: Kuinka päästä tilaajiesi päähän ja saada heidät rakastumaan brändiisi."

Sivuston lähdekoodi on kokoelma HTML-merkintöjä, CSS-tyylejä ja JavaScript-skriptejä, jotka selain vastaanottaa verkkopalvelimelta.

Lisää videoita kanavallamme - opi Internet-markkinointia SEMANTICAlla

Sitä voidaan verrata joukkoon komentajan sotilaille antamia komentoja. Kuvittele, että yleisö ei näe tai kuule pomoa. Heidän näkökulmastaan armeija suorittaa toimia itsenäisesti. Meidän tapauksessamme komentaja on selain, komennot ovat lähdekoodi ja marssivat sotilaat ovat lopputulos.

Sivusto on tallennettu verkkopalvelimelle, joka lähettää sivun käyttäjän pyynnöstä. Pyyntö on URL-osoitteen kirjoittaminen osoitepalkkiin, linkin napsauttaminen tai lomakkeen lähetyspainikkeen napsauttaminen. Ei ole väliä millä kielellä web-sivut on kirjoitettu, ovatko ne mukana ohjelmisto osa. Minkä tahansa palvelinpuolen algoritmin lopputulos on joukko html-tageja ja tekstiä.
Sivun lähdekoodi on joukko tietoja, jotka sisältävät:

html-merkintä;
tyylisivu tai tiedostolinkki;
JavaScriptillä kirjoitetut ohjelmat tai linkit tiedostoihin, joissa on koodi.

Selain käsittelee nämä kolme osaa. Palvelimelle tämä on yksinkertaisesti teksti, joka on lähetettävä vastauksena pyyntöön.

Miksi meidän on ehkä tutkittava lähdekoodia

Kaiken näkemämme voimme analysoida ja soveltaa tiettyjen ongelmien ratkaisemiseen, joita syntyy työskennellessämme sivuston kanssa, erityisesti optimoinnin yhteydessä. Katsomalla lähdekoodia voimme:

Analysoi ne katsomalla oman tai jonkun muun sivustosi sisällönkuvauskentät.
Katso tiettyjen elementtien olemassaolo tai puuttuminen sivustolla: laskurit, tunnistekoodit sisään erilaisia järjestelmiä, tietyt skriptit ja muut asiat.
Selvitä elementtien parametrit: koot, värit, fontit.
Etsi polku kuviin ja muihin sivulla sijaitseviin elementteihin.
Tutustu sivun linkkeihin.
Etsi koodista ongelmia, jotka häiritsevät verkkosivuston optimointiprosessia: tyylit, joita ei ole sijoitettu erillisiin tiedostoihin, komentosarjat, virheellinen koodi.

Nämä ovat perusominaisuuksia, mutta itse asiassa, kun pystyt lukemaan koodin, voit oppia paljon enemmän sivusta.

Kuinka tarkastella sivuston lähdekoodia

Tämä ei ole mahdollista tehdä kokonaan siinä muodossa, jossa se on julkaistu palvelimelle selaimesta. Mutta näet kaikki merkinnät napsauttamalla sivua hiiren kakkospainikkeella. Tässä ja alla esimerkin avulla Google Chrome.

Valitse "Näytä sivukoodi" -vaihtoehto ja saat täydelliset tiedot erilliselle välilehdelle.

Se on vain tekstiä, joka sinun on analysoitava ymmärtääksesi. Mutta voit saada interaktiivista koodia kehittäjätyökalujen avulla.

Kuinka löytää verkkosivuston sivun lähdekoodi

Napsauta selaimen valikkokuvaketta. Useimmiten se on oikealla ja näyttää kolmelta pisteeltä tai raidalta.

Luvussa lisätyökaluja valitse "Kehittäjätyökalut".

Näyttöön tulee ikkuna, joka näyttää koodin aktiivisen tilan. Tämä tarkoittaa, että kun napsautat merkintää, elementin tyyli ilmestyy sen viereen ja valitut lohkot korostetaan sivulla.

"Lähde"-välilehdellä voit tarkastella joidenkin tiedostojen sisältöä: komentosarjat, fontit, kuvat.

"Turvallisuus"-välilehdellä voit tarkistaa sivuston varmenteen.

Tarkastukset-välilehti auttaa sinua tarkistamaan isännöintiin lähetetyn resurssin.

Jos oikeanpuoleisen paneelin sijainti on hankala, voit napsauttaa kolmea pistettä ja muuttaa sitä valitsemalla haluamasi kohteen.

Kuinka tarkastella sisällönkuvauskenttiä

Jokainen HTML-dokumentti sisältää rakennetunnisteita. Tässä muutama niistä:

Html – koko asiakirja.

Head – palvelun otsikoiden osa.

Otsikko – sivun otsikko (näkyy välilehdellä).

Body – asiakirjan runko.

H1-H6 – sivujen tekstiotsikot.

Artikkeli – artikkeli.

Osio - jakso.

Menu – valikko.

Div – lohko.

Span – merkkijono.

P – kappale.

Pöytä - pöytä.

Elementit on suunniteltu rajaamaan loogisesti sivun osia; tarvittaessa ne suunnitellaan tyylien avulla. Ne sisältävät tekstiä, joka näkyy jollain tavalla sivulla. Mutta Head-tunniste sisältää palvelutietoja. Sen ilmaisemiseen käytetään sisällönkuvauskenttiä. Kaikki niihin kirjoitettu on tarkoitettu palvelimelle ja hakukoneille.

Niiden sisältöä ei voi saada selville millään muulla tavalla.

Kiinnitetään huomiota linkkitunnisteeseen. Sen avulla määritetään linkit ulkoisiin mukana oleviin tiedostoihin. Voit halutessasi nähdä sisällön ja tallentaa sen levylle. Voit tehdä tämän siirtämällä osoittimen osoitteeseen ja painamalla RMB-näppäintä. Valitse "Avaa uudessa välilehdessä".

Avautuu uuteen välilehteen määritetty tiedosto, jonka voit tarkastella tai tallentaa.

Sivun lähdekoodin tarkasteleminen komentosarjan virheenkorjausta varten

Tässä tapauksessa on kätevintä avata sivu paikallisella koneella. Jos sinun tarvitsee vain korjata merkintöjä, tyylejä ja komentosarjoja, se voidaan tehdä suoraan kansiosta. HTML-koodia tarkastellaan samalla tavalla. Mutta JavaScript-koodivirheet näkyvät "Konsoli"-välilehdessä. Tämä näyttää virheen kuvauksen ja rivinumeron, jossa se tapahtui.

Syntaksi näkyy suoraan koodissa. Tätä varten "Lähde"-välilehti on tarkoitettu.

Kuinka tarkastella tietyn elementin koodia

Suurille sivuille iso määrä elementtejä on vaikea löytää vaadittu koodi koko merkinnän ajan. Tässä tapauksessa sinun tulee käyttää erityinen joukkue kontekstivalikko. Siirrä hiiri fragmentin päälle ja paina RMB. Valitse "Näytä koodi" -komento.

Sama ikkuna avautuu, mutta painopiste on valittuun objektiin.

Yhteenveto

Kerroimme sinulle, mikä sivun lähdekoodi on. Riittää, kun hallitset HTML:n ja CSS:n perustiedot ja käytön käteviä työkaluja kehittäjä, voit korjata omia HTML-dokumenttejasi.

Internetin resurssien koodin tarkistaminen antaa sinun oppia paitsi omasta kokemuksestasi, myös käyttää todellisia toimivia esimerkkejä. Ja SEO-asiantuntijoille metatagit ovat hyödyllisiä, joiden tiedot voivat kertoa paljon sivustosta.

Selailemalla lukemattomia Internetin sivustoja, voit löytää sellaisia, joista todella pidämme. Välittömästi herää useita kysymyksiä. Onko sivusto tehty kotitekoisella koodilla vai jollain CMS:llä? Mitkä ovat hänen CSS-tyylejä? Mitkä ovat sen sisällönkuvauskentät? Ja niin edelleen.

On olemassa monia työkaluja, joiden avulla voidaan poimia tietoja verkkosivuston sivun koodista. Mutta meillä on aina hiiren oikea painike käsillä. Käytämme tätä esimerkkinä sivustoni.

Kuinka nähdä sivun koodi?

Nähdäksesi sivuston sivun lähdekoodin, sinun on vietävä hiiren osoitin verkkosivun minkä tahansa alueen päälle (kuvia ja linkkejä lukuun ottamatta). Napsauta tämän jälkeen hiiren oikeaa painiketta. Edessämme avautuu ikkuna, jossa on useita vaihtoehtoja (in eri selaimet ne voivat poiketa hieman). SISÄÄN Google-selain Esimerkiksi Chromessa nämä ovat komennot:

takaisin;
eteenpäin;
käynnistää uudelleen;
Tallenna nimellä;
tiiviste;
kääntää venäjäksi;
katso sivun koodi;
katso koodi.

Meidän on napsautettava Näytä sivun koodia, jolloin sivuston sivun html-koodi avautuu edessämme.

Sivukoodin tarkastelu: mihin kannattaa kiinnittää huomiota?

Html-sivun koodi on siis numeroitu luettelo riveistä, joista jokainen sisältää tietoa tämän sivuston luomisesta. Jotta voit nopeasti oppia ymmärtämään tämän valtavan määrän merkkejä ja erikoissymboleja, sinun on tehtävä ero koodin eri osien välillä.

Esimerkiksi head-tunnisteen sisällä olevat koodirivit sisältävät tietoa hakukoneille ja verkkovastaaville. Niitä ei näytetä sivustolla. Täältä näet, millä avainsanoilla tätä sivua mainostetaan, miten sen otsikko ja kuvaus on kirjoitettu. Täältä löydät myös linkin, jota seuraamalla opimme sivustolla käytetystä Google-fonttiperheestä.

Jos sivusto on tehty CMS WordPressillä tai Joomlalla, niin tämä näkyy myös täällä. Tämä alue näyttää esimerkiksi tietoja WordPress-teemasta tai Joomla-sivustomallista. Näet sen lukemalla sinisellä korostettujen linkkien sisällön. Yksi linkki näyttää verkkosivustomallin.

Esimerkiksi:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Näemme sivun CSS-kirjasintyylit. Tässä tapauksessa käytetään fonttia. Tämä näkyy täältä - font-family: 'Source Sans Pro'.

Tämä sivusto on optimoitu Yoast SEO -laajennuksella. Tämä näkyy tästä koodin kommentoidusta osasta:

Tämä sivusto on optimoitu Yoast SEO -laajennuksella v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Selain näyttää kaikki body-tunnisteen sisältämät tiedot näytön näytöllä. Täällä näemme sivun html-koodin, ja aivan alareunassa on Yandex Metrics -skriptikoodi. Sitä ympäröi kommentoitu tagi, jossa on teksti:

/Yandex.Metrika laskuri

Tehdään se yhteenveto

Suoritettuaan koodin melko pinnallisen analyysin kotisivu voimme tehdä johtopäätöksen työkaluista, joilla tämä sivu on tehty. Näimme siinä:

CMS WordPress;
Google font Source Sans Pro;
WordPress-teema – Sydney;
Yoast-laajennukset;
Yandex-mittarin laskuri.

Nyt analyysin periaate html-koodi Sivuston sivu on melko selkeä. Etsimääsi sivua ei ole ollenkaan tarpeen pitää auki selaimessa. Voit tallentaa sivukoodin tietokoneellesi näppäinyhdistelmillä ctrl+a, ctrl+c, ctrl+v. Liitä se mihin tahansa tekstieditori(mieluiten Notepad++) ja tallenna html-laajennuksella. Näin voit tutkia sitä syvemmälle milloin tahansa ja löytää hyödyllistä tietoa itsellesi.

Kirjoita salattava teksti:

Mihin "html cryptographer" -työkalua käytetään?

"html Encryptor" -työkalu on hyödyllinen verkkovastaaville, jotka haluavat suojata ohjelmistotuotteitaan hakurobotteilta, hakkereilta ja niille, jotka haluavat hyödyntää muiden ihmisten työn tuloksia. Puhumme HTML-koodin suojaamisesta, joka on vapaasti saatavilla useimmissa resursseissa ja jonka kuka tahansa voi helposti toistaa. Käyttämällä "Encoder for HTML" -työkalua voit hämärtää (salata, sekoittaa) HTML-lähdekoodin ilman ylimääräistä vaivaa.

Itse asiassa kooderi voi suojata kaiken, mitä verkkosivuilla näytetään: tekstit, kuvat ja muut verkkosivun elementit, jotka on luotu HTML-ohjelmointikielellä (HyperText Markup Language). Tai CSS-koodit (Cascading Style Sheets) - erityiset taulukot, joissa koodi kirjoitetaan kerran ja tallennetaan erilliseen tiedostoon.

Kuinka se toimii?

"html Encryptor" -työkalun avulla voit muuttaa ohjelmistotuotteen lähdekoodia niin, että sen toiminnallisuus säilyy, ja koodin analysointi ja salauksen purkaminen kolmansien osapuolten tai robottien toimesta tulee lähes mahdottomaksi.

Ensinnäkin sivun HTML-koodi ja CSS-koodi tarvitsevat suojausta, eli ne ohjelmistotuotteet, jotka loppukäyttäjä näkee tietokoneellaan. Tietenkään sinun ei pitäisi odottaa 100-prosenttista koodisuojaa salauspalveluilta, mutta sinun ei pitäisi myöskään helpottaa helpon rahan ystävien elämää. Joten kirjoita salattava teksti alla näkyvään kenttään ja napsauta "Koodaa" -painiketta. Tämän seurauksena saat uutta JavaScriptillä salattua tekstiä, jota resurssivierailijat ja hakurobotit eivät voi lukea.

Kannattaako pelata varman päälle ja salata kaikki?

Mielestämme on välttämätöntä suojata paitsi arvokkaita ohjelmistotuotteita, jotka ovat kalliita immateriaaliomaisuutta, mutta myös yksinkertaisesti onnistuneita projekteja, joihin on panostettu paljon vaivaa ja aikaa. On epätodennäköistä, että kukaan kopioi mallin mukaan kirjoitettua ohjelmaa. Mutta monet ihmiset haluavat käyttää "kaunista" koodia tai kopioida onnistuneen verkkosivuston suunnittelun. Tällaisissa tapauksissa "html-salaustyökalumme" auttaa sinua. Kun käyttäjä vierailee sivustollasi, hän näkee vain salatun koodin ja selaimen "kulissien takana", ja samaan aikaan javascript purkaa koodin ja näyttää resurssisivut oikeassa muodossa.

On syytä huomata, että tällä salausmenetelmällä on haittoja. Jos esimerkiksi javascript on poistettu käytöstä käyttäjän selaimessa, sivustoa ei näytetä. Onneksi tämä on melko harvinaista.

Kaikkien kauniiden kuvien, täydellisen typografian ja upeasti sijoitettujen toimintakehotusten alla on sivustosi lähdekoodi.

Joka päivä selaimesi muuttaa tämän koodin vaikuttaviksi sivuiksi vierailijoillesi ja asiakkaillesi.

Google ja muut hakukoneet "lukevat" tämän koodin määrittääkseen, missä verkkosivujesi pitäisi näkyä niiden hakemistoissa tietyllä hakulauseke.

Siksi se, mitä lähdekoodissa on, on erittäin tärkeää hakukoneoptimoinnin (SEO) kannalta.

Tämä pikaopas näyttää, kuinka voit lukea sivustosi lähdekoodia, jotta voit olla varma hakukoneoptimoinnistasi ja opettaa sinulle, kuinka hakukoneoptimointitermit tarkistetaan.

Tarkastelemme myös muutamia muita tilanteita, joissa lähdekoodin tärkeimpien osien tarkastelu ja tutkiminen auttaa muissa markkinointitoimissa.

Kuinka tarkastella lähdekoodia.

Ensimmäinen askel sivustosi lähdekoodin tarkistamisessa on tarkastaa todellinen lähdekoodi. Millä tahansa selaimella voit tehdä tämän helposti.

Alla on näppäimistökomennot, joilla voit tarkastella verkkosivusi lähdekoodia PC:lle ja Macille.

Firefox - CTRL + U (Pidä CTRL-näppäintä painettuna ja paina "U"-näppäintä) Vaihtoehtoisesti voit siirtyä "Firefox"-valikkoon ja napsauttaa sitten "Web Developer" ja sitten "Page Source".
Internet Explorer- CTRL + U. Tai napsauta oikealla painikkeella hiirellä ja valitse "Näytä lähde".
Chrome - CTRL + U. Voit napsauttaa avainkuvaa, jossa on kolme vaakaviivaa oikeassa yläkulmassa. Napsauta sitten "Työkalut" ja valitse "Näytä lähde".
Opera - CTRL + U. Voit myös napsauttaa Web-sivua hiiren kakkospainikkeella ja valita "Näytä sivun lähdekoodi".

Mac

Safari - Pikanäppäin on Option + Command + U. Voit myös napsauttaa verkkosivua hiiren kakkospainikkeella ja valita Näytä sivun lähde.
Firefox - Voit napsauttaa hiiren kakkospainikkeella ja valita "lähde" tai siirtyä "Työkalut"-valikkoon, valita "Web Developer" ja napsauttaa "Sivun lähde". Pikanäppäin on Ctrl + U.
Chrome - Siirry kohtaan "Näytä", napsauta "kehittäjä" ja sitten "Näytä lähde". Voit myös napsauttaa hiiren kakkospainikkeella ja valita "Näytä sivun lähdekoodi". Pikanäppäin on Optio + Komento + U.

Kun osaat tarkastella lähdekoodia, sinun pitäisi tietää, kuinka etsiä sitä.

Tyypillisesti samat hakuominaisuudet, joita käytät verkkoa selatessasi, koskevat normaalisti myös lähdehakuja.

Komennot CTRL + F (etsi) auttavat sinua nopeasti tarkastelemaan tärkeiden SEO-elementtien lähdekoodia.

Otsikkotunnisteet.

Otsikkotunniste on SEO:n tärkein osa. Tämä on tärkein asia lähdekoodissa.

Jos aiot ottaa vain yhden arvokkaan asian tästä artikkelista, harkitse tätä:

Tiedätkö, nämä ovat Googlen antamat tulokset, kun haet jotain.

Kaikki nämä tulokset on otettu web-sivujen otsikkotunnisteista. Joten jos sinulla ei ole otsikkotunnisteita lähdekoodissasi, et välttämättä näy Googlessa (tai missään muussa hakukoneessa).

Usko tai älä, olen itse asiassa nähnyt verkkosivustoja ilman otsikkotunnisteita. Yritetään tehdä nopea Google-haku termillä "Markkinointioppaat". Mitä näemme:

Näet ensimmäisen KISSmetrics-blogin hakutuloksen Markkinointioppaat -osiossa.

Jos seuraamme ensimmäisen hakutuloksen linkkiä ja katsomme sivun lähdekoodia, voimme nähdä otsikossa olevan tagin:

Otsikkotunniste ilmaistaan aloitustunnisteella: . ja päättyy lopputunnisteeseen: . Otsikkotunniste sijaitsee yleensä lähdekoodin yläosassa .

Ja voimme nähdä, että otsikkotunnisteen sisällä oleva sisältö vastaa tuloksen otsikossa käytettyä Google haku.

Mutta Googlen hakutuloksiin sisällytettäväksi ei tarvita vain otsikkotunnisteita.

Google tunnistaa myös otsikkotunnisteiden sanat tärkeiksi avainsanoiksi, joiden se uskoo olevan olennaisia käyttäjien hauissa.

Joten jos haluat saada erityinen sijoitus Web-sivun tietylle aiheelle, sinun on parempi varmistaa, että aihetta kuvaavat sanat sisältyvät otsikkotunnisteeseen.

On olemassa useita online-resursseja, joista voit saada lisätietoja siitä, miten avainsanoja ja otsikkotunnisteilla on tärkeä rooli sivustosi yleisessä arkkitehtuurissa.

Tässä on joitain tärkeitä kohtia, joiden avulla voit muistaa otsikkotunnisteiden tärkeyden:

Varmista, että sinulla on vain yksi otsikkotunniste verkkosivua kohden.
Varmista, että jokaisella sivustosi verkkosivulla on oma otsikkotunniste.
Varmista, että jokainen sivustosi otsikkotunniste on ainutlaatuinen. Älä koskaan kopioi tietyn otsikkotunnisteen sisältöä.

Seuraava tärkeä elementti verkkosivusi yläosassa on sisällönkuvaustunniste.

Tämä on 160 merkin pituinen katkelma sisällöstäsi, joka näkyy otsikossasi hakukoneissa.

Olen nähnyt satoja sivustoja, jotka jättävät tämän tunnisteen kokonaan huomiotta. Se on erittäin helppo löytää lähdekoodista:

Joten tarkista ja varmista, että tämä tunniste on kaikilla sivustosi verkkosivuilla. Vielä tärkeämpää on, että et kopioi sitä useille sivuille.

Metakuvaustunnisteen kopioiminen ei ole rangaistus hakukoneelle, mutta se on erittäin suuri markkinointivirhe.

Monet ihmiset jättävät sisällönkuvaustunnisteen huomiotta, mutta sinun pitäisi todella työstää sitä, koska se luetaan hakukone.

Mieti, kuinka sisällönkuvaustunniste auttaa houkuttelemaan lisää kävijöitä ja lisäämään kohdistettuja tuloksia sivustollesi.