Onemogućite Adblock u web pretraživaču Firefox. Pažnja adblock blokira učitavanje javascript fajlova

Adblock je ekstenzija pretraživača koja blokira oglase. Čini se da je takav dodatak dizajniran za praktičnost korisnika interneta, ali njegova upotreba je prepuna zamki, kao što su:

• Omogućeno blokiranje oglasa pored oglašavanja može blokirati i neke skripte, bez kojih nije moguć potpuni rad stranice. Adblock može blokirati formular za komentare, widgete za povratne informacije, brojače, dugmad društvenih medija i druge dodatke.
• Dodatak značajno povećava potrošnju RAM-a i računarskih resursa.
• ne zaboravite da oglašavanje na web stranici osigurava prihod njegovom vlasniku, a obično je zarada na stranici mala. Čitaj. Webmasterima je potreban novac koji zarađuju da bi održavali svoje resurse, jer su blogeri primorani da troše na održavanje stranica. Ovo je naknada za domenu, hosting, izradu dizajna, kao i troškove pisanja članaka, reklamiranja, optimizacije itd. Za razvoj Vaše stranice webmasteru je potreban novac. To je i motivacija za rad.
• blokator ne izrezuje sve oglase, ali onemogućava normalno funkcioniranje stranice,
• stranica može biti prikazana sa praznim poljima - to su mjesta na kojima je nekada bilo oglašavanje.
• neki webmasteri se bore s korisnicima adblock-a i ne pokazuju im svoj sadržaj (kako to učiniti u mom sljedećem članku)

Do čega može dovesti masovna upotreba Adblock-a od strane korisnika interneta:

• mnogi webmasteri će jednostavno napustiti svoje web stranice i bit će mnogo teže pronaći koristan sadržaj. "Kako je, jer oni imaju poziv? Dužni su nam..." - pitate. Ovo je život i niko nikome nije dužan. Ako mislite da neko treba da uloži novac da se osećate dobro, njegov rad i dušu, onda se varate.
• pojava više prevara u mreži. Naravno, neću reći da će se svi webmasteri odmah pretvoriti u prevarante, ali neki s niskim moralnim nivoom mogu početi obmanjivati ​​ljude. Iskreno, ne možete zaraditi novac.
• Oni blogeri koji ostanu sa svojim sajtovima biće primorani da ih drugačije monetizuju i pronađu načine. Opcija koja se već često koristi je skrivanje sadržaja za korisnike s uključenim adblockom ili . Alternativne opcije monetizacije - beskrajni pokušaj prodaje robe i usluga pomoću . kao i prodaju samih informacija. Da da! Za informacije ćete morati platiti više. Lako je - sakrijte sadržaj i stavite dugmad za plaćanje ispred njega ili ćete morati platiti prije preuzimanja bilo kojeg fajla. Ako želite plaćeni internet - onda instalirajte adblock. Sa svakom novom instalacijom približavate ovo prekrasno vrijeme.

Kako onemogućiti blokiranje oglasa na web stranici

Ako ne možete isključiti blokator oglasa, tada možete onemogućiti Adblock na web lokacijama čiji vlasnici ne zloupotrebljavaju unovčavanje.
Kada ste na stranici svoje omiljene stranice, kliknite na ikonu za blokiranje oglasa u blizini adresne trake i odaberite "Ne pokreni na stranici ovog domena". Otvoriće se iskačući prozor u kojem morate kliknuti na dugme „Izuzmi“. Postoji još jedan način da omogućite oglase. Ovo je dodavanje stranice na bijelu listu dodatka.



Dakle, drugi način da omogućite oglase na stranicama određene stranice. Desni klik na Adblo ikona do –> Postavke–> Prikazujte oglase na web stranici ili domeni–> unesite adresu web stranice u slobodno polje –> uredu

Kako onemogućiti Adblock u Operi

U Operi verziji 12.17 i starijoj - odaberite komande Instrumenti –>Ekstenzije –> Upravljanje ekstenzijama(vrući tasteri CTRL + Shift + E) –> onemogućiti pored željenog dodatka. Možete ga i izbrisati.


U Operi iznad verzije 12.17 - kliknite na Opera ikona(nalazi se u gornjem lijevom uglu) –> Ekstenzije–>Extension Manager(vrući tasteri CTRL + Shift + E) –> onemogućiti. Ovdje također možete ukloniti ekstenziju klikom na križić u polju dodatka.

Onemogućite blokator oglasa u Google Chromeu

Desni klik na ikona ekstenzije –> ukloniti iz kroma ili kliknite levim mišem na ikona –> pauziraj adblock. Ako ste ranije isključili vidljivost ikone, tada morate ići na listu ekstenzija - dugme Prilagođavanje i upravljanje Google Chromeom(u gornjem desnom uglu pretraživača) –> Dodatni alati –> Ekstenzije –> opozovite izbor iz polja za potvrdu pored “Omogućeno” ili pošaljite dodatak u korpu.

Uklanjanje blokade oglasa iz Firefoxa

U pretraživaču Mozilla Firefox dodatak možete brzo onemogućiti klikom na ikonu –> Onemogući svugdje ili idite na listu dodataka - Meni –> Dodaci–> tab Ekstenzije –> izbrisati ili onemogućiti

Uklanjanje rezača oglasa i Android telefona

Koju god aplikaciju da instalirate da biste uklonili reklame na androidu, ona se tretira jednostavnim brisanjem same aplikacije (dugim pritiskom na ikonu i prevlačenjem u smeće).

Šta je uBlockOrigin

Kako onemogućiti uBlock Original u bilo kojem pretraživaču

Pogledajte video tutorijal:

9. jula 2018

Danas je AdBlock veliki problem u industriji oglašavanja na mreži. Broj korisnika koji blokiraju reklamne sadržaje postepeno raste, a profit vlasnika sajtova se smanjuje. Brojne pretplate omogućavaju vlasnicima ekstenzija da značajno povećaju listu neželjenih elemenata dodajući joj ne samo oglase, već i, na primjer, društvene widgete ili skripte za prikupljanje statistike instalirane na stranici, što ozbiljno povećava privatnost pregledavanja i otežava uključivanje posjetitelja u proces integracije stranice sa društvenim mrežama. Prije ili kasnije, programeri se susreću s pitanjem: kako provjeriti postoji li AdBlock i minimizirati "štetu" uzrokovanu njime?

Kako rade blokatori oglasa

Sa tehničke tačke gledišta, AdBlock, uBlock Origin, AdGuard i druga slična proširenja pretraživača (u daljem tekstu AdBlock) ne blokiraju same oglase, već odgovarajuće mrežne zahtjeve: kada se stranica učita, svaka veza se provjerava prema listi blokirane i po potrebi odbijene. U samim blokatorima to se zove mrežni filter. Može sadržavati i određenu listu domena, na primjer, ad.mail.ru, i dijelove URL-a - /ucoz/img/uads/, što vam omogućava da blokirate zahtjeve čak i ako se maska ​​podudara.

Dešava se da kao rezultat filtriranja stranica izgubi normalne performanse ili same mogućnosti mrežnog filtera nisu dovoljne da blokiraju neželjeni sadržaj. Da bi to učinili, blokeri omogućavaju sakrivanje elemenata - kozmetički filter, koji se primjenjuje ugrađivanjem CSS pravila visokog prioriteta u dokument koji skrivaju područja s oglasima, obično korištenjem svojstva prikaza ili u nekim slučajevima dodavanjem atributa hidden.

Rad kozmetičkog filtera uBlock Origin na primjeru VK oglasa: element #ads_left prisilno je skriven inline CSS-om s impresivnim selektorom.

Izuzetak od pravila je dostupan za blokirani ili skriveni sadržaj: ako korisnik želi, ekstenzija može zanemariti nenametljivo (prihvatljivo) oglašavanje- baneri, reklame i linkovi koji su komplementarni glavnom sadržaju, ne fokusiraju se previše na sebe i u nekim slučajevima su korisni. Nažalost, praktički je nemoguće da obične stranice uđu na bijelu listu, što znači da je blokiranje oglasa zagarantirano po defaultu.

Ali oglašavanje daleko nije jedini predmet filtriranja. Blokiranje vanjskih resursa ili skrivanje elemenata ovisi o pretplate, koji su uključeni u prilagođeni AdBlock. Svaka pretplata se fokusira na određenu vrstu neprikladnog sadržaja i periodično se ažurira.

Popularne pretplate

Neželjeni sadržaji, na osnovu kojih se sastavljaju liste filtera za blokatore oglasa, mogu se podijeliti u grupe. Lista nije konačna, ali pokriva glavne objekte filtriranja.

1. Oglašavanje — svi elementi stranice, uključujući eksterno povezane resurse, u čijim identifikatorima, klasama i atributima postoje izrazi zabranjeni filterom. Obično se pretplata vrši uz regionalno razmatranje, na primjer, EasyList+RuAdList .
2. Elementi društvenih usluga - dugmad za dijeljenje, widgeti društvenih mreža i drugi elementi ugrađeni kroz API. Glavna lista je .
3. "Dosadni" elementi - pomoćni sadržaj stranice: dugmad za pretplatu, RSS, skrolovanje prema gore; forme biltena; blokovi s upozorenjima, informacijama o politici privatnosti i korištenju kolačića, itd. Sve ovo sadrži Fanboy's Annoyance List.
4. Statistički servisi - brojači i skripte za analizu posjećenosti koje prate ponašanje korisnika, zapravo, nisu reklamne, ali se preporučuju za blokiranje kako bi se povećala privatnost. Među takvim listama vrijedi istaknuti EasyPrivacy i regionalne RuAdList Counters.
5. Elementi "Anti-AdBlock" su baneri, modali i pop-up obavještenja koja se prikazuju korisnicima s omogućenim ekstenzijama i pozivima za onemogućavanje blokade oglasa i/ili ograničavanje funkcionalnosti stranice. Odgovor na njih su liste tipa Anti-AdBlock filtera.
6. Zlonamjeran i lažan sadržaj - web stranice koje štete računaru i korisniku su blokirane na sve načine: pretraživači, antivirusi, pretraživači. Anti-adware ekstenzije također nude slične filtere, kao što su Malware Domains.
7. Prilagođena pravila blokiranja - korisnik može samostalno blokirati određeni mrežni zahtjev ili sakriti element na stranici, koji će biti zabilježen u posebnom filteru.

Tako se lista “kandidata” za potencijalno skrivanje ili blokiranje značajno povećava, a postavlja se pitanje kako programer može uzeti u obzir ovaj problem prilikom postavljanja stranice.

Izgled sa AdBlock-om

Povremeno ažurirane pretplate s ogromnim brojem pravila blokiranja ne mogu se temeljito analizirati, a na njihovoj osnovi je nemoguće kreirati univerzalne recepte za ispravan raspored sadržaja koji može biti podložan filterima. Najsigurnije rješenje bi bilo instalirati sve vrste pretplata i provjeriti određenu web lokaciju kroz dnevnike blokatora. Sljedeće su opće smjernice za raspored dvije vrste najčešćih sadržaja – oglasa i društvenih widgeta.

Oglasni blokovi

Zbog činjenice da kozmetički filter, slično kao i mrežni filter, također radi po maski i provjerava nazive identifikatora, klasa i atributa elemenata sa onima navedenim u listi, bez obzira na domenu, elemenata kao što su #adv , . ad-google , .banner125x125 , .sponsor se mogu filtrirati -logo , a i mnogi drugi, stoga, kako bi se izbjegla izobličenja izgleda, ovakvi nazivi se ne preporučuju za označavanje elemenata u HTML markupu i za specificiranje sadržaja href , src atributi u linkovima, slikama i okvirima: oni će biti skriveni prema zadanim postavkama, čak i ako programer ne podrazumijeva pod njima sadržaj reklamne prirode.

Kako bi se smanjili učinci kozmetičkih filtera, treba voditi računa o tome da sadržaj koji bi potencijalno mogao biti skriven, roditeljski kontejner sa svojom ekvivalentnom širinom i visinom, što je posebno korisno za relativno velike oglasne jedinice:

Koristeći ovu jednostavnu tehniku, kada element padne ispod filtera, na njegovom mjestu se pojavljuje prazan prostor, koji se može koristiti, na primjer, za prikaz rezerviranog mjesta ili za blokiranje pravila.

Važno je da AdBlock analizira i atribute elemenata, pa je preporučljivo zamijeniti linkove čiji href sadrži eksplicitnu naznaku oglašavanja korištenjem usluga skraćivanja URL-a, te, ako je moguće, konvertirati sadržaj src atributa slika u base64 :

Social Widgets

Gotovo sve popularne "društvene skripte" blokiraju i kozmetički i mrežni filteri: spomenuta pretplata Fanboyeva lista za blokiranje društvenih mreža sadrži značajan broj naziva klasa i identifikatora koji se često koriste pri postavljanju blokova koji uključuju društvene widgete: .b-share, .article__footer-share-title, .connect-icons i mnoge druge, kao i maske za eksterne skripte, na primjer, /fbshare .js, /share42.js, /twitter.js.

AdBlock je razlog za skrivanje ne samo oglasa, već i blokova sa dugmadima za društvene mreže. Zadani kozmetički filter dodaje display: none elementu sa klasom .article__share.

Da bi ograničili učinak filtera na takve elemente, programeri bi trebali, ako je moguće, napustiti popularna rješenja u korist vlastitih skripti (uradi sam primjer) i biti selektivniji u korištenju imena za identifikaciju sadržaja u markupu. Isto važi i za slike koje se obično koriste kao društvene ikone:

Očigledno, nije uvijek moguće "sačuvati" sadržaj od blokiranja, a najbolja stvar u takvoj situaciji je zatražiti od korisnika da isključi stranicu iz AdBlock filtera. Nije potrebno koristiti JS za prikaz pogotka: dovoljno je koristiti jednostavne CSS tehnike, o kojima će biti riječi u nastavku. Ali prvo je vrijedno razmotriti sadržaj i lokaciju žalbe na stranici, jer njen glavni cilj nije samo privlačenje pažnje posjetitelja, već i dobivanje pristanka.

Koji je ispravan način da zatražite od korisnika da onemogući AdBlock?

Za postavljanje upozorenja i zahtjeva (ili linkova do njih) o isključenju stranice iz filtriranja, preporučuje se ograničite se na prostor na kojem je reklama trebala da se pojavi, budući da rukovođenje principom “isključi AdBlock ili napusti” i nasilno lišenje mogućnosti normalnog korištenja stranice znači da ćete zajamčeno izgubiti lojalnost posjetitelja.

Kada je onemogućavanje AdBlock-a kategorički postavljen preduvjet, to demotivira i tjera posjetitelja da traži druge stranice ili, ako se desi da nema drugih opcija, da provede vrijeme zaobilazeći ovu vrstu blokiranja ručnim skrivanjem nametljivih elemenata sa stranice.

Primjer ispravnog prikaza zahtjeva za onemogućavanje AdBlock-a na Habréu. Link do žalbe je nenametljiv i postavljen je striktno na mjesto reklamnog banera.

Ispravan apel (ili link do njega) treba da bude nenametljiv, tj. da se ne fokusira previše na sebe, ali da istovremeno bude uočljiv korisniku. U tekstu je poželjno dati uvjerljive argumente: na primjer, navesti ovisnost prihoda od oglašavanja i troškova održavanja stranice. Konačno, sama stranica bi trebala biti korisna i važna za korisnika. Upravo kvalitetan sadržaj i mogućnost da se posjetitelju pruži ono što traži, glavni su faktori lojalnosti publike. Stoga je u pozivu korisniku preporučljivo naglasiti šta mu točno stranica daje u zamjenu za lojalnost i s kojim troškovima ili naporima programera je povezano kvalitetno pružanje ovih informacija, proizvoda, usluge.

To se može ilustrirati na primjeru zahtjeva pomenute informatičke zajednice, čiji čak i mali fragment odražava odnos poštovanja prema učesnicima:

Za razliku od taktične poruke koja se postavlja na određeni dio stranice i ne ometa posjetitelja, programeri često koriste velike modale fiksne pozicije koji zaklanjaju cijeli okvir za prikaz. Ovo se ne preporučuje iz najmanje dva razloga:

• 1. Manje ili više iskusan korisnik, po želji, može lako sakriti kozmetičkim filterom gotovo svaki element stranice koji mu smeta, uključujući i takav modalni prozor.
• 2. Ova tehnika je štetna sa stanovišta SEO-a, jer je roboti za pretragu mogu smatrati maskiranjem – pokušajem sakrivanja sadržaja.

U zaključku pitanja ispravnog sastavljanja zahtjeva, treba napomenuti da samo oglašavanje ne treba zloupotrebljavati – AdBlock je prvobitno zamišljen kao odgovor na dosadne sadržaje. Ogromni trepćući baneri na pola stranice smješteni u sredini ekrana uplašit će čak i najvjernije korisnike koji odluče da isključe stranicu iz filtera.

Izlazni zahtjev za onemogućavanje AdBlock-a na CSS-u

Postoje najmanje dva jednostavna načina za implementaciju izlaza poruke u kojima se traži da onemogućite AdBlock u čistom CSS-u bez upotrebe JavaScripta: kroz pseudo-class:empty i preklapanje dva elementa jedan na drugi kroz svojstva pozicije i z-indeksa. Prva opcija je više dizajnirana za zaštitu od prenapona, druga je svestranija, jer potencijalno uzima u obzir učinak kozmetičkog filtera.

Dodavanje pseudo elementa roditeljskom kontejneru

Ako se skripta koja generira sadržaj oglasa i umeće u dati prazan blok ne uspije učitati zbog mrežnog filtera, tada će ovaj kontejner ostati bez djece i pseudo-class:empty će nastaviti raditi za njega. U trivijalnoj implementaciji, to se može pokazati na sljedeći način:

.container:empty::before (sadržaj: "Molimo onemogućite AdBlock!"; )

U primjeru, eksterna JS datoteka umeće novi element u blok sa atributom data-insert. Ako se skripta ne učita zbog mrežnog filtera, element .container će biti stilizovan sa :empty pseudoklasom:

Međutim, ova metoda ne uzima u obzir situaciju kada je reklamna skripta učitala, generirala i umetnula potrebne elemente u željeni kontejner, ali su oni naknadno sakriveni kozmetičkim filterom.

Slaganje jednog bloka na drugi

Ako se oglasna jedinica ne prikazuje zbog kozmetičkog filtera, tj. element sa oglasom unutra je prisilno skriven prikazom: none !important , tada :empty pseudo-klasa postaje beskorisna:

Za rješavanje problema predlaže se stvaranje dodatni element, koja direktno sadrži poruku u kojoj se traži da se blokira blokator, ali ga postavite na sloj ispod, odnosno postavite ga ispod oglasne jedinice tako da bude vidljiva samo kada na element koji se vizualno preklapa nije primijenjeno pravilo display: none. Ovo će zahtijevati jednostavne manipulacije sa svojstvima pozicije i z-indexa:

.container ( pozicija: relativna; ) .adspace, .request ( pozicija: apsolutna; širina: 100%; visina:100%; ) .adspace (z-index: 2; /* oglasna jedinica je pozicionirana na "gore" sloj */ ).request( z-index: 1; )

Za razliku od prethodnog slučaja, kada je bilo potrebno raditi samo sa stilovima za pseudoelemente::before i::after, ovaj pristup proširuje mogućnosti stiliziranja i uređivanja notifikacije koja je već punopravni DOM element, te stoga, po analogiji sa načinom na koji je implementiran u Habré-u, pored običnog teksta, možete dodati dugme ili link na punu žalbu korisniku u bloku:

JSFiddle nije dostupan bez JavaScripta

Jedina mana ove tehnike je da će apsolutno pozicionirani .request element biti ograničen na područje svog roditelja, tako da je gornji kod neupotrebljiv ako postoji potreba za prikazom modalnog prozora u sredini ekrana i sjenčanje koje zauzima cijeli okvir za prikaz. Za rješavanje ovakve vrste problema ne možete bez JavaScripta.

Kako provjeriti postoji li AdBlock putem JS-a?

Mehanizmi mrežnih i kozmetičkih filtera otvaraju mogućnost programerima da utvrde prisutnost AdBlock ekstenzija koristeći JavaScript: stanje učitavanja skripte povezane sa stranicom prati se događajima onload i onerror ili mogućnošću ispravnog pozivanja metoda i funkcije sadržane u njemu, a vidljivost elementa se prati analizom CSS svojstva primijenjenog na njegov prikaz. Na osnovu toga postoji nekoliko načina detekcija bloka oglasa.

Korištenje vanjske skripte

Prva opcija je da povežete eksternu skriptu na stranicu sa imenom prikladnim za filtersku masku i sadržaj, čije će izvršenje morati da se proveri. Na primjer, datoteka pod nazivom ads.js može sadržavati samo jednu varijablu:

// ads.js var adb = "";

Shodno tome, kada je omogućen blokator oglasa, datoteka ads.js neće biti učitana, a adb varijabla deklarirana unutar nje neće postojati. Provjera izvršenja skripte je trivijalan uslov koji se mora postaviti ispod uključene datoteke:

If(typeof adb === "undefined") ( // AdBlock omogućen) else ( // AdBlock onemogućen)

Druga opcija je slična prvoj: eksterna ads.js skripta može biti prazna (ali ne može vratiti grešku 404), a provjera blokiranja je dodavanje događaja onerror ili onload, koje će obraditi poseban funkcija s jednim parametrom, na primjer, adsLoaded(status) :

Var adsLoaded = function(status) ( if(status === false) ( // AdBlock omogućen) else ( // AdBlock onemogućen)

U HTML dokumentu, uključena skripta mora imati odgovarajuće rukovaoce:

Nedostatak ovih metoda je stvaranje zasebne datoteke i dodatni zahtjev serveru.

Provjera vidljivosti elementa

Ovaj pristup ne uključuje kreiranje eksternih skripti ili praćenje njihovog statusa učitavanja: provjera se vrši na određenom elementu analizom prikaza CSS svojstva primijenjenog na njega. S obzirom na kašnjenje u pokretanju kozmetičkog filtera blokade oglasa, dobra je ideja koristiti metodu getComputedStyle() da provjerite konačnu izračunatu vrijednost i pričekate da se stranica i vanjski resursi potpuno učitaju:

Window.addEventListener("load", function() ( if(window.getComputedStyle(document.getElementById("my-adv")).getPropertyValue("display") === "none") ( // AdBlock omogućen ) ostalo ( // AdBlock onemogućen));

Ovo je najoptimalniji način da provjerite blokiranje ne samo oglasa, već i bilo kojeg drugog sadržaja.

Funkcije reklamnih skripti

Oglasne skripte imaju svoje metode i funkcije koje se ne mogu pozvati kada vanjski fajl nije dostupan. Na primjer, Google Adsense kreira google_jobrunner objekat i ugrađuje oglase preko elemenata sa .adsbygoogle klasom:

Document.addEventListener("load", function() ( if(typeof window.google_jobrunner === "undefined" || document.querySelector("ins.adsbygoogle").innerHTML.replace(/s/g, ""). dužina === 0) ( // AdBlock omogućen, Adsense skripta blokirana ) ));

Provjerava se AdBlock sa definicijom pretplata

Analizirajući tačno koje elemente blokator filtrira, možete pogodi o dostupnosti odgovarajućih vrsta pretplata za korisnika. Dva faktora utiču na smanjenje tačnosti određivanja - korisnička lista filtera i veliki broj "službenih" pretplata čija se pravila blokiranja često preklapaju.

Suština provjere je kreiranje na stranici nevidljive korisniku, ali vidljive AdBlocku "lažne" elemente sa identifikatorima, klasama i atributima koji ukazuju na pripadnost određenoj grupi sadržaja. Elementi koji potpadaju pod kozmetički filter svjedočit će u prilog prisutnosti odgovarajućeg tipa pretplate, odnosno općenito označavati kakav sadržaj je korisnik blokirao:

Kako se DOM ne bi začepio nepotrebnim smećem, elemente treba ukloniti odmah nakon validacije.

JSFiddle nije dostupan bez JavaScripta

Kao što možete vidjeti iz primjera, funkcija adbCheck() vraća objekat, tako da ako je potrebno, možete pristupiti samo svojstvu koje vas zanima:

varresult = adbCheck(); result.ads_block; // oglasni rezultat.cnt_block; // brojači result.soc_block; // društveni widgeti result.ang_block; // dosadni elementi result.ant_block; // elementi protiv blokiranja oglasa result.scm_block; // lažne stranice

Konačno

Obračun radnji AdBlock filtera je pokazatelj kvalitetnog izgleda stranice i uzimajući u obzir segment posjetitelja koji ne samo da ne vide reklame, već i, vrlo je moguće, ne mogu koristiti widgete za dijeljenje na društvenim mrežama i ne uzimaju se u obzir prilikom posjeta. šalteri i druge statističke usluge. To je širok spektar objekata za filtriranje – od reklamnih skripti do društvenih dugmadi i elemenata za praćenje – koje danas pružaju popularne pretplate. Provjeravanju AdBlock-a treba posvetiti posebnu pažnju na web lokacijama koje ovise o prihodima od oglasa ili uveliko koriste društvene widgete. Zauzvrat, korektno, taktično i nenametljivo obraćanje posjetitelju može ozbiljno doprinijeti reviziji njegovog stava prema blokiranom sadržaju.

Jedna od najtoplijih i najrelevantnijih tema među web programerima i vlasnicima internetskih resursa danas je seo-optimizacija. Da bi stranica dospjela na prve stranice upita za pretraživanje Yandexa ili Googlea, potrebno je izvršiti ogroman rad na njegovom kreiranju i promociji.

Čemu služi semantičko označavanje?

Resurs možete prilagoditi običnom korisniku uz pomoć relevantnog i zanimljivog sadržaja. Ali da bi korisnik mogao pronaći ovaj resurs, potrebno je optimizirati stranicu za tražilicu. Kako uraditi?

Za razliku od osobe, on ne može prepoznati ono o čemu se raspravlja na stranici bez određenih napomena. On analizira sadržaj, otkriva određene obrasce, definiše ključne riječi, ali, nemajući ljudsku inteligenciju, ne može razumjeti značenje napisanog. Da bi pojednostavili njegov zadatak, programeri su osmislili semantičku ili mikro-oznaku za Yandex i Google. Baš kao što hipertekst govori mašini šta gde da postavi, semantičko označavanje objašnjava kome ili čemu se radi u resursu. Zahvaljujući ovakvom razumijevanju, stranica je bolje rangirana među konkurentima i ima veće šanse da dođe do prvih redova upita za pretraživanje.

Primjer semantičkog označavanja

Yandex i Google markup posebno je efikasan u promociji komercijalnih stranica koje nude robu i usluge. Sljedeći primjer će to najbolje objasniti.

Potrebno je kreirati mikropodatke za stranicu vizit karte za pružanje frizerskih usluga za pse. To će izgledati ovako:

Vrsta artikla - brijačnica,

Naziv - frizer za pse.

Prvi red određuje područje stranice, a drugi - određeni objekt. Stranica s takvom skriptom pojavit će se više na ljestvici pretraživanja nego slična bez nje, jer će je pretraživač smatrati relevantnijom za koncept „frizera za pse“, a ne samo „frizera“.

Mikro-oznaka kreirana uz pomoć Yandex.Webmastera omogućava vam da odredite mnoge parametre - prodajna mjesta, radno vrijeme, kontakte, brief ili usluge i još mnogo toga.

Gdje se koristi semantička oznaka?

Sve više resursa nastoji korisniku pružiti kvalitetno obrađeni materijal. Što će po značenju biti bliži željenom, to će više efikasnosti donijeti web lokaciji. Stoga se mikro-označavanje danas aktivno koristi:

• Komercijalne stranice za promociju robe i usluga.
• Online imenici i enciklopedije za formiranje višerazinskih veza između članaka.
• Društvene mreže za detalje profila, događaja i drugog sadržaja.

Single Standard Schrema.org

Kreiranje semantičke oznake dovelo je do potrebe za jedinstvenim standardom za sve pretraživače. Postali su mikro-markup "Yandex" i Google - schrema.org. Pojednostavljuje proces kreiranja kratkog opisa (isječka) koji vidimo kada se stranica prikaže u rezultatima pretraživanja. Ove informacije mogu uključivati ​​važne informacije o web mjestu koje će pomoći korisniku da odluči hoće li otići na ovu stranicu ili ne.

Inače, broj elemenata i rječnika u schremi je ogroman, tako da se može koristiti za stranice gotovo svih tema.

Otvorite Graph Standard

Pored pretraživača Google i Yandex, za društvene mreže je potrebno i mikrooznačavanje robe, usluga, multimedijalnog i informativnog sadržaja. Za njih je Facebook osmislio jedan Open Graph standard. Ova oznaka vam omogućava da kontrolirate kako će stranica biti predstavljena u novostima društvene mreže. I danas s njim možete kreirati prekrasne veze ne samo na Facebooku, već i na Google+, VKontakte, Twitter. Za prekrasan prikaz potonjeg, inače, koriste se i Twitter kartice.

Koje mikropodatke odabrati?

U stvari, prilikom rangiranja stranice, ni Yandex ni Google ne daju standardnu ​​veću prednost. Klasični slučaj upotrebe, schrema.org, je najkompletniji, najažurniji i koji se aktivno razvija.

Rječnici mikropodataka

Utvrdili smo šta je Yandex markup. Kako mogu učiniti da prikazuje prave informacije? Za to se koristi koncept kao što je rečnik mikropodataka. To je skup elemenata, oznaka i sintakse koji skreću pažnju pretraživača na nešto.

Svaki standard ima svoje rječnike i elemente. Schema.org ima nekoliko ključnih rječnika sa svojom ogromnom hijerarhijom i tipovima prikaza. Na primjer, rječnik Thing vam omogućava da predstavite informacije u 3 glavna svojstva:

• alternateName - za pseudonim (alias) objekta;
• opis - za tekstualni opis objekta;
• slika - za sliku ili link do nje.

Ili rječnik dobrih odnosa, koji će biti posebno koristan za platforme za online trgovanje. Omogućava vam da objavite podatke o cijenama, mjestima kupovine, dostupnosti itd.

Rječnik FOAF - mikro označavanje kontakata "Yandex" i Google. Ovo je upitnik koji ste popunili milione puta na raznim stranicama - vaše ime, koordinate, stranica na društvenoj mreži, mail, datum rođenja itd. Ovo znanje će vam omogućiti da uvjerite korisnika da klikne na link, nudeći mu nešto što bi ga moglo zanimati. Na taj način stranica može povećati promet.

Za detaljan opis audio i video informacija - izvođača, naziva albuma, trajanja - koristi se oznaka VideoObject.

Postoji i oznaka za e-mail poruke koja omogućava korisniku, bez odlaska na drugu stranicu, da pristane na sastanak ili ostavi komentar ispod članka, na primjer.

Šta je validator

Svaka promocija na Internetu zahtijeva temeljnu i dubinsku analizu efektivnosti. Yandex oznake možete provjeriti pomoću validatora - softvera koji prepoznaje metapodatke na web stranicama. Dokumenti bilo kojeg formata mogu se provjeriti na ispravnost - HTML, XHTML, RSS, XML, na bilo kojem jeziku.

Yandex mikropodatke provjerava bilo koji validator koji podržava Schema.org formate, HTML mikropodatke, Open Graph, RDF.

Kako provjeriti google markup

Saznajte kakva je vaša stranica u Google pretrazi na nekoliko načina. Za iskusnog korisnika koji tečno poznaje skrivene postavke Google webmastera, prikladan je Rich Snippet Tool, dostupan samo putem reference.

Drugi način je da instalirate dodatak Seo by Yoast. Jednostavan je za korištenje i bit će dostupan nakon instalacije na gornjoj ploči webmastera.

Treći način je da odaberete “Drugi resursi” na stranici Google Developers u traci s alatima, kliknete na dugme “Alat za provjeru strukturiranih podataka” i navedete html stranicu koju želite provjeriti. Kada robot izračuna datu skriptu, dobićete detaljan izveštaj sa greškama, ako ih ima, i objašnjenjima za njih.

Kako provjeriti Yandex oznake

Sa ovom tražilicom sve je nešto jednostavnije. Yandexov alat za provjeru označavanja nalazi se u alatima za webmastere, na kartici "Moje web stranice". Ovdje trebate kliknuti na dugme “Provjeri oznaku” i unijeti URL web-stranice, a validator će početi izračunavati greške. Nakon nekoliko minuta, dobit ćete jednu od tri opcije odgovora:

• Mikromarkiranje nije pronađeno.
• Ima grešaka.
• Micromarking je u potpunosti usklađen sa standardom.

U kojim slučajevima se pojavljuju informacije o neispravnom označavanju?

"Yandex.Webmaster" - validator mikropodataka - prikazuje poruku o grešci u dvije situacije:

• Kada ne prepoznaje oznake.
• Kada mikropodaci ne zadovoljavaju standard.

U svakom slučaju, program će dati detalje o grešci, koji se mogu koristiti za procjenu koja su obavezna polja u markupu izostavljena ili koji je atribut izostavljen.

Također može dati poruku - "stranica se ne može učitati". Ukazuje na grešku servera ili nepostojeću stranicu.

Ako je Yandex markup dovršen s nepoznatom greškom ili ne znate kako je popraviti, uvijek možete zatražiti pomoć Yandex.Webmastera.

Nakon što se validacija završi, nova oznaka će se pojaviti u roku od 2 sedmice.

Kako mikropodaci utiču na rangiranje web stranice?

Označili ste svoj resurs prema svim pravilima, a Yandexov validator markupa pokazao je da je sve urađeno bez grešaka. Za koliko bodova će se vaša stranica popeti na ljestvici pretraživanja?

Semantičko označavanje samo indirektno utiče na relevantnost, a nemoguće je navesti tačan broj pozicija na koje će podići sajt. Međutim, mikro označavanje je jedan od ključnih faktora koji utječe na pažnju korisnika. Zanimljiv i atraktivan snippet će dovesti više posjetitelja, a pozicija stranice će rasti. Ostalo će ovisiti o punoći i relevantnosti resursa.

Prednosti mikropodataka

Osim vidljivosti resursa, mikro-označavanje značajno povećava težinu i kvalitetu stranice među konkurentima. Vrijedi istaknuti sljedeće prednosti označavanja:

• Povećava kredibilitet pretraživača, robotu za pretragu je lakše da istakne glavne elemente stranice, što znači da im postaje lakše da nas indeksiraju. Ako ovaj proces opišemo na vrlo pojednostavljen način, onda možemo reći da je pretraživač zadovoljan što mu otvaramo srce stranice, naše unutrašnje tajne i povećava se njegovo povjerenje u nas.
• U očima potrošača, stranice sa isječcima izgledaju ne samo uočljivije, već i kvalitetnije. Shodno tome, na takve resurse se češće klika, što znači da se povećava CTR u SERP-u ili klikabilnost.
• Vlasnik ima jedinstvenu priliku da prikaže informacije koje će biti zapažene čak i ako korisnik nije otišao na stranicu.
• Informacije o isječku se uvijek mogu promijeniti bez utjecaja na poziciju resursa na listi.

Ali, naravno, sa SEO promocijom, ne biste se trebali fokusirati samo na razvoj mikropodataka. Izuzetno je važno imati koristan i jedinstven sadržaj, ali ne samo. Mnogo je drugih faktora koji utiču na povećanje stranice u rangiranju pretraživača "Yandex" i Google.

Drugi načini promocije stranice

Interna promocija, koja uključuje Yandex i Google mikropodatke, ima nekoliko smjerova:

• korištenje ključnih riječi u domeni i zaglavljima stranice;
• prisutnost ključnih riječi na samoj stranici, njihova ujednačena distribucija u cijelom tekstu, lokacija u podnaslovima, oznake;
• ispravna HTML oznaka bez grešaka (provjereno pomoću Yandex Webmaster alata);
• prisutnost mega tagova (ključne riječi, opis itd.) koji pretraživaču ukazuju na suštinu stranice;
• ponovno povezivanje - tj. linkovi na druge stranice stranice;
• jednostavna struktura web stranice koja vam omogućava da jednim klikom dođete do glavne stranice;
• nezaboravan i razumljiv dizajn;
• rad sa društvenim mrežama, mogućnost da drugima preporučite informacije koje vam se sviđaju;
• prisustvo mape lokacije;
• jedinstven, zanimljiv i redovno ažuriran sadržaj koji je koristan i relevantan za čitaoca;
• optimiziran CMS za brzo učitavanje stranica bez grešaka.

Pored interne promocije, rad treba obavljati i sa eksternim faktorima. Web programer treba redovno da prati da li se linkovi ka sajtu prikazuju na drugim resursima, koliko je ta masa linkova teška i autoritativna (ovaj proces se određuje tematskim i ponderisanim).

Prema nedavnim studijama, jedan od najefikasnijih načina promocije je diskusija ili spominjanje stranice na društvenim mrežama. Pretraživač vidi aktivno kretanje ovih informacija i percipira ih kao relevantne i tražene, čime se povećava rejting resursa.

Za internet prodavnice je efikasno koristiti komentare i recenzije kupaca, kako na samom sajtu, tako i na tematskim forumima, portalima sa recenzijama itd.

Umjesto zaključka

Online promocija je složen višestruki proces koji zahtijeva intenzivan rad na različitim vanjskim i unutrašnjim faktorima. Ne može se reći da je bilo koja od gore navedenih metoda apsolutno ispravna, a on je taj koji će vašu stranicu dovesti na vrh. Biti na vrhovima upita za pretraživanje moguće je samo uz složen rad na svim aspektima SEO promocije, posebno ogromnu ulogu treba dati mikropodacima.

Vrlo je važno prenijeti pretraživaču da na sve načine pokušavate pojednostaviti njegov odabir i to ne samo zbog visoke ocjene, već i zbog pogodnosti korisnika, odnosno prije svega, tako da osoba pronađe ove informacije na netu.

Yandex i Google su direktno zainteresirani da korisnik dobije potrebne informacije, što znači da što je vaš resurs lojalniji, veće su mu šanse da zauzme mjesto u vrhu.

Nije bitno koju vrstu markupa koristite - OpenGraph, schrema.org ili neku drugu, glavna stvar je da se izvršava bez grešaka i da ističe ključne tačke stranica resursa. Provjeravajte to redovno s validatorom, izvršite detaljnu analizu svakog aspekta svoje aktivnosti i tada vas očekuju odlični rezultati!

Mnogi su čuli za mikro označavanje, ali ga nikada nisu koristili. Glavni razlog je nerazumijevanje šta je to i zašto je potrebno. Sada ćemo reći sve po redu.

Semantičko označavanje ili mikro označavanje uvedeno je od strane pretraživača relativno nedavno. (od 2011). Glavni cilj je učiniti web stranicu razumljivijom za pretraživač. Uzmimo odmah primjer.

Za pretraživač je važno da shvati da li postoji telefon na sajtu ili ne. Mnogo toga zavisi od ovoga. Telefon se može pronaći po maski +7 xxx xxx-xxx-xx i slično. U tome nema poteškoća. Ali kako razlikovati telefon od faksa? Ako sama stranica ne „kaže“ koji se broj na šta odnosi, onda se to ne može učiniti.

Ista poteškoća postoji i sa tekstom. Kako razlikovati recept za kuhanje od članka na temu kuhanja?

U cilju rješavanja ovih problema kreirana je semantička oznaka materijala. Kako se web majstorima ne bi komplicirao život, kreiran je izuzetno jednostavan format, vrlo sličan izgledu.

Uzmimo najjednostavniji primjer:

Pretpostavimo da imamo izvod iz izgleda stranice za kontakt:

Sve je standardno, nema poteškoća.
A sada primjer istog pasusa, ali sa označenim kodom.

Kontakti agencije DH:

Adresa: St. Petersburg ul. Odanost 6

Telefon: +7 000 00–00–00/span>, Fax:+7 000 00–00–00 , E-mail: web stranica

Prilično jednostavno i intuitivno, zar ne? Potrebno je samo znati sintaksu. Sve oznake su urađene u kodu stranice, ne moraju se kreirati dodatni fajlovi.

Odmah ćemo odgovoriti na najpopularnija pitanja.

Zašto su web stranici potrebni mikropodaci?

Ako pretraživač razumije koji se materijal nalazi na stranici, pokušat će isječke učiniti što atraktivnijim. Dogovorite cijenu, uslove, odgovore/pitanja, recenzije itd.

Na primjer, Yandex može napisati cijenu proizvoda pored vaše stranice.

Osim toga, mikro-označavanje pomaže da se preciznije razumiju komercijalni faktori - brojevi telefona, adrese, cijene i slično.

Da li prisustvo markupa utiče na poziciju sajta?

Nema direktnog uticaja na poziciju i „vidljivost“ lokacije. Međutim, postoje indirektni razlozi:

1. Mikro-označavanje utiče na isječke i čini stranicu vidljivijom u rezultatima pretrage. Što u konačnici dovodi do povećanja posjećenosti, ceteris paribus.
2. Yandex i Google vole visokokvalitetne i razumljive stranice. Mikro označavanje je još jedan korak u dovođenju stranice u „red“.

Da li je potreban svim sajtovima?

Da, svima. Označavanje kontakata i drugih osnovnih elemenata poželjno je za svaki resurs. Ali ne za sve vrste roba i usluga, možete prenijeti podatke u isječke. Na primjer, trenutno podržano:

• Recepti za kuhanje;
• Pitanja i odgovori;
• Recenzije;
• Cijene robe;
• Opisi robe;
• Neke druge kategorije.

Koje su vrste?

Postoji nekoliko opcija (sintakse) da kažete robotu šta se nalazi na vašem sajtu. Najčešći i najčešće korišteni je oznaka "zasnovana na pravilima" shema.org. Ovo je ono što Yandex preporučuje.

Pored ove oznake, postoji i (razvio Facebook). Ova vrsta markupa je više fokusirana na društvene mreže. mreže i koriste ga VK, FB, Twitter, Google Plus i drugi.

Postoji i drugi format - JSON-LD, ali ga koristi samo Yandex Mail. Neće uspjeti promijeniti informacije u isječcima uz njegovu pomoć.

Odvojeno, želio bih reći o. Ovo je isti način označavanja semantičkog sadržaja, ali se dosta razlikuje od svih prethodnih. Mikroformati su prilično popularni. O njima ćemo pisati u nastavku.

Schema.org

Schema.org je najpopularniji format mikropodataka i razumiju ga svi popularni pretraživači. Format vam omogućava da opišete stotine različitih entiteta i razgovarate o njihovim svojstvima.

Označavanje počinje stvaranjem "kontejnera" u kojem će se nalaziti svi podaci. izgleda ovako:

Vaši podaci će biti ovdje

Rusija, Sankt Peterburg, ul. vjernost

Detaljnu sintaksu možete pronaći na službenoj web stranici - http://schema.org. (Nije službeni ruski prijevod - http://ruschema.org)

otvoreni graf

Ovu oznaku koriste sve popularne društvene mreže - VKontakte, Facebook, Twitter, LinkedIn. Yandex koristi Open Graph za slanje podataka na svoju video uslugu.

Osim generiranja pregleda, ovaj format je pogodan za programere aplikacija.
Sintaksu i detaljne informacije možete pronaći na službenoj web stranici - http://ogp.me

Mikroformati

Ovo je prilično popularan način semantičkog označavanja za HTML stranice. Omogućava robotima za pretraživanje da razumiju semantička značenja sadržaja. Napravljen je na prilično "neobičan" način. Kako bi prenio informacije robotu za pretraživanje, elementu se dodjeljuje atribut "class" koji ima značenje slično imenu svojstva. Na primjer, adresa bi izgledala ovako:

Rusija, Sankt Peterburg, ul. vjernost, 6

Za razliku od drugih formata, ne morate pisati "ekstra" oznake.

Mikroformate koriste mnoge usluge širom svijeta, uključujući Yandex. Istina, vrijedi reći da u ovom trenutku Yandex ne podržava sve mikroformate. (trenutna lista podržanih formata može se naći na Internetu)

Detaljne informacije o sintaksi su dostupne na službenoj web stranici - http://microformats.org/wiki/Main_Page

Koji je najbolji format za korištenje?

Yandex uvjerava da mu nije bitno koji ćete format koristiti. Ali preporučuje korištenje sheme.org.

Primjeri

Navest ćemo samo primjere za najpopularniji schema.org. Ako odaberete analog za svoju web lokaciju, uvijek možete pronaći primjere na Internetu i na službenim stranicama s mikropodacima.

Primjer mikro rasporeda kontakata:

Označite kontakt informacije treba da budu na svim stranicama bez izuzetka. Ovo će omogućiti pretraživaču da razumije komercijalne faktore, kao i strukturira isječak.
Sa mikromarkiranjem

Kontakt informacije:

Adresa fabrike: Moskva ul. Lenina 140

Telefon: +7 945 00–00–00/span>, Fax:+7 945 00–00–00 , E-mail:

Primjer mikropodataka za proizvod:

Mikromarkiranje je najefikasnije kada se opisuju proizvodi. Isječak sadrži cijenu, pogodnosti, opis proizvoda i druge važne informacije.
Sa mikromarkiranjem

Plišani jež "Uf Uf" Fabrika plišanih ježeva "Od igle" Broj modela 964893NM Tekstualni opis artikla.

Troškovi robe Prodavac robe

Primjer mikropodataka za članak:

Ispostavilo se da je kod prilično velik, ali ovo je punopravna oznaka članka. Ovakva bi trebala biti. Mikro označavanje članka omogućava vam da isječak učinite strukturiranijim i čitljivijim za ljude.
Sa mikromarkiranjem

Primjer oznake za kruh

Unatoč činjenici da svi korisnici ne koriste breadcrumbs, potrebno ih je označiti. Mikro-označavanje ne samo da će omogućiti pretraživaču da se bolje kreće po vašoj web-lokaciji, već će također prikazati listu pododjeljaka u isječku, što će privući pažnju.
Sa mikromarkiranjem

• Glavna sekcija
• Nivo 1 pododjeljak
• Nivo 2 pododjeljak

Google i Yandex ne daju webmasterima da mirno spavaju – uvode nove načine rangiranja sajtova u SERP-u – od najnovijih, uzimajući u obzir prilagodljivost šablona na sajtu.
Tada prestaju da uzimaju u obzir referencu prilikom rangiranja ili uvode neke vrste regularnih filtera.
A sada je došao red na semantičko označavanje stranice.
Općenito, za Google i Yandex, mikromarkiranje i mikroformati su glavni trend ove godine.
Zapravo, njegov standard se pojavio još 2011. godine, ali ako je ranije PS nudio da ga dobrovoljno dodaju na stranicu, sada je to dobrovoljno-obavezno :), pošto su sajtovi koji ga nemaju počeli da se indeksiraju gore, njima je teže da uđemo u vrh problema.

Ovo su posebne opcije oznaka koje se dodaju kodu datoteke ili tekstu. Oni opisuju svojstva dokumenta. Ako na jednostavan način, ovim oznakama obavještavamo robota za pretraživanje:

“Evo mog naslova članka, ovo je slika, a ovdje su komentari.
Ovo su imena komentatora, a ovo sam ja, autor sajta, lično. Nemojte ništa zabrljati!"

Iz Yandex dokumentacije o lokacijama s mikropodacima:

2. Zašto nam je potrebna semantička oznaka stranice?

Pomaže u izgradnji strukturirane hijerarhije svih podataka stranica za robote za pretraživanje, kao i robote društvenih mreža, što će poboljšati prezentaciju stranice u rezultatima pretraživanja.
Ovako označena stranica postat će razumljivija i transparentnija za robote svih PS-ova.
Iako predstavnici Yandexa tvrde da prisustvo semantičke oznake ne utiče na poziciju stranice, ali iskustvo i zapažanja pokazuju da je označena stranica indeksirana od strane PS-a mnogo brže i bolje, a u rezultatima pretrage je prikazana 3-5 pozicija više nego neoznačene lokacije.
Ova oznaka je korisna za komercijalne stranice (sve vrste usluga, internet trgovine, restorani). Također, pomaže u promociji korporativnih web resursa, raznih stranica i blogova.
Uporedite isječke u rezultatima Google i Yandex pretraživanja sa i bez mikropodataka:
Google oznaka, ocjena:






Prvi isječak prikazuje krušne mrvice, ocjenu, datum objavljivanja.
Yandex mikropodaci za organizacije:






Prvi isječak prikazuje sve kontakt detalje, radno vrijeme, adresu, vezu do Yandex mape, gdje možete pratiti gdje se organizacija nalazi.
Yandex mikromarkiranje, krušne mrvice:






Prvi isječak prikazuje krušne mrvice, datum objavljivanja.
Yandex mikropodaci, recepti:






Prvi isječak prikazuje sliku gotovog jela, sastojke, vrijeme kuhanja, sadržaj kalorija u jelu.
Sve ove dodatne informacije odražavaju se u izdanju zbog činjenice da su na stranicama stranice označene na poseban način.

3. Koje su prednosti korištenja semantičkog označavanja?

1. Bolje, brže indeksiranje novih članaka i stranice u cjelini.
2. Povećanje povjerenja u stranicu od strane PS-a.
3. Bolji, informativniji isječci u rezultatima pretrage - prikazom dodatnih informacija: ocjena, cijena, kontakt detalji (adresa, broj telefona) itd.
4. Poboljšanje faktora ponašanja na sajtu (više prelazaka iz rezultata pretrage).

Nadam se da sam vas uvjerio da su mikropodaci zaista potrebni.
Sada o tome kakva oznaka postoji, kao i šta Yandex razumije iz nje.

4. Vrste mikromarkiranja

U Google Search Consoleu - postoji stavka "Strukturirani podaci".

Slika 1 - Greške mikromarkiranja

Bolje je da počnete sa mikro označavanjem vaše stranice tako što ćete provjeriti ovaj odjeljak. Često je slučaj da alati za inspekciju mikropodataka ne pokazuju nikakva upozorenja ili greške, ali u stvari, pretraživači teško strukturiraju podatke na vašoj web lokaciji.

Slika 2 – Hentri greške u mikropodacima

U našem slučaju vidimo da postoji 106 grešaka koje se odnose na hentry markup (microformats.org)

Mikro-oznake ugrađene u jezgro WordPress-a. Budući da se ugrađuje automatski i nije prilagođen predlošcima trećih strana, najčešće ne radi ispravno, a to dovodi do činjenice da Google Search Console otkriva takve greške:

Slika 2.1 - Greške u unosu: autor, naslov unosa, ažurirano

Ali, u isto vrijeme, Googleov alat za provjeru oznaka apsolutno mirno izvještava da nema grešaka i upozorenja o tome. ()

Slika 3 – Google ne vidi greške u unosu

Na našoj stranici koristit ćemo schema.org kojeg jednoglasno priznaju svi pretraživači.

Ovaj standard podržavaju i Yandex i Google.

Stoga, ugrađenu hentry markup, koja nam daje 106 grešaka u Google Search Consoleu, samo treba ukloniti.

Pošto je hentry dodat u wordpress jezgro, što vam omogućava da ga uklonite kroz filtere, jer ove klase nisu vidljive u šablonima.

Izvorni kod za uklanjanje hentryja:

Add_filter("post_class", "fc_remove_hentry", 20); funkcija fc_remove_hentry($classes) ( if (($key = array_search("hentry", $classes)) !== false) ( unset($classes[$key]); ) vrati $classes; )

Kôd treba dodati u functions.php

To se može učiniti bilo kojom prikladnom metodom, na primjer, putem uređivača s administrativnog panela stranice.

Slika 4 - Uklanjanje oznake hentry sa cijele stranice

Nakon što sačuvate datoteku i ponovo potvrdite stranicu putem Googleovog uređaja za provjeru mikropodataka, entry bi trebao nestati.

Provjerite nekoliko stranica koje su imale greške kako biste bili sigurni da je hentry potpuno uklonjen sa stranice.

U Google Search Consoleu vidjet ćete pozitivan trend u smanjenju broja grešaka. S vremenom će potpuno nestati, ostaje samo čekati.

Slika 5 - pozitivna dinamika smanjenja hentry greške

Kako ukloniti grešku:

GREŠKA: polje http://ogp.me/ns#image nedostaje ili je prazno

Slika 6 – Otvoreni Graf ns#greška slike

Morate shvatiti da su takve greške povezane s već napisanim mikro-oznakama. Odnosno, stranica je ili ugrađena ili dodana od strane nekog ranijeg mikro-označavanja, što ima greške.

Najčešće se to dešava kada su dodaci koji su direktno ili indirektno odgovorni za mikropodatke pogrešno konfigurisani.

U našem slučaju, stranica ima dodatak - SEO Ultimate, koji ima poseban odjeljak odgovoran za Open Graph markup. A to znači da je greška povezana sa http://ogp.me sadržana u dodatku SEO Ultimate.

Idite na sljedeću stazu SEO Ultimate -> Open Graph -> Default Values ​​-> Default Image

Pronalazimo postavku slike koja će se standardno primijeniti na onim stranicama stranice na kojima se željena slika neće naći.

Slika 7 - kako popraviti grešku Open Graph ns#image

Dodajte URL slike koju bismo željeli vidjeti po defaultu. Da vas podsjetim da je Open Graph protokol odgovoran za prikazivanje prekrasnih postova na društvenim mrežama, na Facebooku, Twitteru, VKontakteu i tako dalje. Odnosno, ova slika, koju ste postavili prema zadanim postavkama, pojavit će se u objavama na društvenim mrežama, ponovnim objavama i tako dalje. Odaberite brendiranu i uglednu fotografiju.

Nakon pohranjivanja promjena, greška nestaje.

Slika 8 - Open Graph ns#greška članka

Ali ipak postoji greška vezana za nepoznati prefiks članka.

Već znamo da na našoj web stranici imamo instaliran dodatak SEO Ultimate. Nastavljamo da kopamo u istom pravcu.

Slika 9 - kako popraviti grešku Open Graph ns#article

Instalirajte Open Graph Type – Website.

Slika 10 - ispravna oznaka Open Graph

Nakon svih promjena, Yandex provjera valjanosti više ne generira greške:

Slika 11 - važeća oznaka Open Graph

Dodavanje Breadcrumbs markup

Hlebne mrvice su lanac veza od glavne stranice do stranice na kojoj se korisnik trenutno nalazi.

Prvo morate analizirati web lokaciju na prisutnost mrvica kruha.

Slika 12 - prezle na sajtu

Prezle su prisutne na sajtu. Sada moramo razumjeti kako se oni prikazuju. U izvornom kodu breadcrumbs nalazimo naziv dodatka s kojim funkcionišu - Breadcrumb NavXT 4.0.2

Slika 13 - Breadcrumb izlaz preko Breadcrumb NavXT

Otvorite admin panel naše stranice i idite na uređivanje dodatka Breadcrumb NavXT.

Slika 14 - Breadcrumb NavXT postavke

Zanimaju nas šabloni za različite vrste stranica: za glavnu stranicu, za blog, za naslove itd. Morate shvatiti da će svaka stranica biti drugačija.

U našem slučaju, zainteresovani smo za:

• Predložak veze na stranicu bloga
• home template
• Predložak kategorije bloga
• Predložak veze za kategoriju

Svi predlošci imaju standardnu ​​vrstu tipa:

Da bismo dobili ispravnu mikro-oznaku, moramo označiti ovaj izvorni kod koristeći http://schema.org/BreadcrumbList standard

1. Haljine
2. Prave haljine

Pogledajmo koje elemente označavanje sadrži i kako ih treba primijeniti:

itemscope itemtype=”http://schema.org/BreadcrumbList”

Ovaj element označava početak područja za označavanje. Sve što će biti unutar ovog elementa bit će markiranje breadcrumb.

U primjeru, element se nalazi unutar numerirane liste - oznake

Ovo nije potrebno, možete koristiti

, ili druge slične oznake.

Morate pogledati okolnosti i zapamtiti da će se oznaka koju koristite za takav CSS povezati s breadcrumbs. Odnosno, izgled vaših krušnih mrvica zavisi od toga kojim oznakama ste uokvirili http://schema.org/BreadcrumbList.

U našem slučaju, ovu liniju koda ćemo dodati preko breadcrumb_navxt_widget.php izvornog koda widgeta

Budući da ovaj fajl nije dostupan putem standardnog uređivača kodova admin panela WordPress, koristićemo ftp pristup preko filezilla.

Slika 15 – Postavke NavXT vidžeta Breadcrumb

Pronalazimo dio koda koji je odgovoran za mikro označavanje, a posebno nam je potrebna oznaka koja uokviruje ovu oznaku.

Slika 16 - kod koji uokviruje Breadcrumb NavXT

Ako ste postavili ovo pitanje, onda ste prilično iskusan korisnik i znate za postojanje takvog dodatka kao što je Adblock, koji skriva gotovo sve oglase od očiju korisnika. Čini se da je to koristan dodatak, pa zašto ga onda onemogućiti? Bez sumnje, uz njegovu pomoć možete se riješiti šarenih i nametljivih banera, tizera, klikera i drugih vrsta reklama koje svojim bojama ili zvukovima odvlače pažnju od glavnog sadržaja stranice. Međutim, neke web stranice počinju da se prikazuju pogrešno, što otežava čitanje članaka, gledanje slika ili video zapisa na njima. Zato smo odlučili da vam kažemo kako da onemogućite Adblock dodatak da biste pretraživali svoju omiljenu stranicu u normalnom režimu.

Kako onemogućiti dodatak za blokiranje oglasa u Chrome-u

Za početak, predlažemo da pogledate proces gašenja u najpopularnijem pretraživaču danas - Google Chrome! Pa, nemojmo odlagati, pređimo odmah na stvar:

1. Otvorite meni klikom na dugme sa desne strane (nalazi se na samom vrhu);
2. Kliknite na “Postavke”, nakon čega se otvara stranica sa postavkama, ali nam nije potrebna - idemo dalje;
3. Prebacite se sa postavki na “Extensions”, nakon čega se otvara stranica sa svim dodacima;
4. Poništite izbor u polju pored “Omogući”;
5. Gotovo! Sada Adblock ne sprječava prikazivanje vaše omiljene stranice u normalnom načinu rada!

Kako onemogućiti Adguard dodatak u Yandex pretraživaču

U principu, sve je isto u Yandex pretraživaču kao i u Chromeu, jer imaju isti izvorni kod. Ali svejedno ćemo objasniti:

1. Kliknite na dugme “Meni” koje se nalazi u gornjem desnom uglu;
2. Ispada lista gdje trebate kliknuti na odjeljak “Dodaci”;
3. Otvara se stranica sa ekstenzijama. Podijeljeni su u kategorije;
4. Skrolujte do samog dna i pronađite Adguard dodatak za nas (isti Adblock samo posebno za Yandex Browser);
5. Pomerite klizač nasuprot njemu i ekstenzija postaje neaktivna.

Onemogućite dodatak Adblock u Mozilla Firefoxu

Kao što ste već primijetili, proces onemogućavanja plug-ina je zapravo isti u svim pretraživačima, samo su nazivi menija i samog dodatka promijenjeni (u slučaju Y. Browsera), a Mozilla je bila bez izuzetka:

1. Kliknite na sve na istom dugmetu da otvorite meni;
2. Kliknite na ikonu ispod koje je natpis "Dodaci";
3. Otvara se prodavnica ekstenzija. Ne treba nam - prolazimo;
4. U meniju na lijevoj strani kliknite na “Extensions”;
5. Zapravo, sada je najzanimljivije da među dodacima pronađemo Adblock i kliknemo na dugme “Disable”;

Kako onemogućiti adblock ekstenziju u pretraživaču Opera

I na kraju, obradovaćemo ljude koji koriste Opera kao glavni pretraživač:

1. Kliknite na logo “Opera” u gornjem lijevom uglu, otvorite meni;
2. Usmjerite strelicu na “Extensions” i idite na “Extensions Manager”;
3. Otvara se stranica sa instaliranim dodacima;
4. Pronalazimo naš omiljeni Adblock među dodacima i deaktiviramo ga klikom na dugme “Disable”;