9 iulie 2018

AdBlock este o problemă majoră în industria publicității online de astăzi. Numărul de utilizatori care blochează conținutul publicitar crește treptat, în timp ce profiturile proprietarilor de site-uri scad. Numeroase abonamente permit proprietarilor de extensii să crească semnificativ lista de elemente nedorite adăugând nu numai reclame la acesta, ci și, de exemplu, widgeturi sociale sau scripturi pentru colectarea statisticilor instalate pe pagină, ceea ce crește serios confidențialitatea navigării și complică implicarea vizitatorilor în procesul de integrare a site-ului cu rețelele sociale. Mai devreme sau mai târziu, dezvoltatorii se confruntă cu întrebarea: cum să verificăm prezența AdBlock și să minimalizăm „daunele” pe care le cauzează?

Cum funcționează blocanțele publicitare

Din punct de vedere tehnic, AdBlock, uBlock Origin, AdGuard și alte extensii de browser similare (denumite în continuare AdBlock) nu blochează reclame în sine, ci solicitările de rețea corespunzătoare: atunci când pagina se încarcă, fiecare conexiune este verificată cu lista de interzise și, dacă este necesar, este respinsă. În blocanții înșiși, acest lucru se numește val protector... Poate conține atât o listă specifică de domenii, de exemplu, ad.mail.ru, fie părți ale adresei URL - / ucoz / img / uads /, care vă permite să blocați solicitările chiar dacă masca se potrivește.

Se întâmplă că, ca urmare a filtrării, site-ul își pierde performanța normală sau capacitățile unui singur filtru de linie nu suficient pentru a bloca conținutul neadecvat. Pentru a face acest lucru, elementele de ascundere sunt furnizate în blocante - filtru cosmetic care se aplică prin încorporarea regulilor CSS cu prioritate ridicată în documentul care ascunde zonele publicitare, de obicei prin utilizarea proprietății de afișare sau în unele situații prin adăugarea atributului ascuns.

Activitatea filtrului cosmetic uBlock Origin pe exemplul de publicitate VKontakte: elementul #ads_left este ascuns cu forța de CSS în linie cu un selector de dimensiuni impresionant.

Pentru conținutul blocat sau ascuns, este disponibilă o excepție de la regulă: dacă utilizatorul dorește, extensia poate ignora publicitate discretă (acceptabilă)- bannere, reclame și linkuri care sunt complementare conținutului principal, nu se concentrează prea mult asupra lor și, în unele cazuri, sunt utile. Din păcate, este practic imposibil ca site-urile obișnuite să intre pe lista albă, ceea ce înseamnă că blocarea anunțurilor este garantată în mod prestabilit.

Dar publicitatea nu este singurul obiect filtrant. Blocarea resurselor externe sau ascunderea articolelor depinde de abonamente care sunt incluse în AdBlock personalizat. Fiecare abonament este specializat într-un anumit tip de conținut neadecvat și este actualizat periodic.

Abonamente populare

Conținutul nedorit, pe baza căruia sunt compilate liste de filtre pentru blocanțele publicitare, poate fi împărțit aproximativ în grupuri. Lista nu este exhaustivă, ci acoperă principalele obiecte de filtrare.

1. Publicitate - orice elemente ale paginii, inclusiv resurse conectate din exterior, în identificatorii, clasele și atributele cărora există expresii interzise de filtru. De obicei, abonamentul este compilat cu un cont regional, de exemplu, EasyList + RuAdList.
2. Elemente de social media - butoane de partajare, widgeturi retele socialeși alte elemente încorporate prin API. Lista principală este.
3. Elemente „enervante” - conținut auxiliar al paginii: butoane pentru abonamente, RSS, derulare în sus; formulare de buletin informativ; blocuri cu avertismente, informații despre politica de confidențialitate și utilizarea cookie-urilor etc. Toate acestea sunt conținute în Lista de supărare a Fanboy.
4. Servicii de statistici - contoare de trafic și scripturi care urmăresc comportamentul utilizatorilor nu sunt de fapt reclame, dar sunt recomandate pentru blocare pentru a spori confidențialitatea. Printre astfel de liste, merită subliniat EasyPrivacy și contoare regionale RuAdList.
5. Elemente „Anti-AdBlock” - bannere, ferestre modale și notificări pop-up care sunt afișate utilizatorilor cu extensii activate și îndeamnă să dezactiveze blocatorul și / sau să restricționeze funcționalitatea site-ului. Răspunsul la acestea sunt liste de tip anti-AdBlock Filter.
6. Conținut rău intenționat și fraudulos - site-urile care dăunează computerului și utilizatorului sunt blocate prin toate mijloacele: motoare de căutare, antivirusuri, browsere. Extensiile anti-anunț oferă, de asemenea, filtre similare, cum ar fi domeniile malware.
7. Reguli de blocare personalizate - utilizatorul poate bloca independent o anumită cerere de rețea sau poate ascunde un element de pe pagină, care va fi înregistrat într-un filtru separat.

Astfel, lista „candidaților” pentru ascunderea sau blocarea potențială crește semnificativ și se pune întrebarea cum un dezvoltator poate lua în considerare această problemă atunci când codifică un site.

Aspect ținând cont de AdBlock

Abonamentele reînnoite periodic cu un număr mare de reguli de blocare nu pot fi analizate temeinic și, pe baza acestora, este imposibil să se compună rețete universale pentru dispunerea corectă a conținutului care ar putea intra sub influența filtrelor. Cea mai corectă soluție ar fi instalarea tuturor tipurilor de abonamente și verificarea unui anumit site prin jurnalele blocatorului. Mai jos sunt îndrumări generale privind aspectul pentru cele mai frecvente două tipuri de conținut - anunțuri și widgeturi sociale.

Blocuri publicitare

Datorită faptului că filtrul cosmetic, similar cu filtrul de rețea, funcționează și prin mască și verifică numele identificatorilor, claselor și atributelor elementelor cu cele specificate în listă, indiferent de domeniu, elemente precum, de exemplu, #adv, .ad-google, .banner125x125, .sponsor poate fi filtrat -logo, a și multe altele, prin urmare, pentru a evita denaturările aspectului, astfel de nume nu sunt recomandate pentru desemnarea elementelor în marcarea HTML și pentru specificarea conținutului href, atribute src în linkuri, imagini și cadre: acestea vor fi ascunse în mod implicit, chiar dacă dezvoltatorul nu intenționează prin ele conținut publicitar.

Pentru a minimiza efectele filtrelor cosmetice, trebuie să se asigure că conținutul care ar putea fi ascuns container părinte cu lățimea și înălțimea echivalente, care sunt utile în special pentru unitățile de anunțuri relativ mari:

Folosind această tehnică simplă, când un element cade sub un filtru, apare un spațiu gol în locul său, care poate fi utilizat, de exemplu, pentru a afișa un substituent sau pentru a bloca reguli.

Este important ca AdBlock să analizeze și atributele elementelor, prin urmare, linkurile a căror href conține o indicație explicită a publicității se recomandă a fi înlocuite prin intermediul serviciilor de scurtare a adreselor URL, iar conținutul atributului src al imaginilor ar trebui convertit în base64, dacă este posibil:

Widgeturi sociale

Aproape toate „scripturile sociale” populare sunt blocate atât de filtrele cosmetice, cât și de cele de rețea: abonamentul menționat Lista de blocare socială a lui Fanboy conține un număr semnificativ de nume de clase și identificatori care sunt adesea folosiți la codificarea blocurilor care includ widget-uri sociale: .b-share, .article__footer-share-title, .connect-icons și multe altele, precum și măști pentru scripturi externe, pentru exemplu, / fbshare .js, /share42.js, /twitter.js.

AdBlock este motivul pentru care ascundem nu numai reclame, ci și blocuri cu butoane sociale. Filtrul cosmetic implicit adaugă display: none la un element cu clasa .article__share.

Pentru a restrânge acțiunile filtrelor la astfel de elemente, dezvoltatorii ar trebui, dacă este posibil, să abandoneze soluțiile populare în favoarea propriilor scripturi (exemplu de a-și crea propriile mâini) și să utilizeze mai selectiv nume pentru a indica conținutul din marcaj. Același lucru se aplică imaginilor utilizate, de regulă, ca pictograme sociale:

Evident, nu este întotdeauna posibil să „salvați” conținutul de la blocare, iar cel mai bun lucru de făcut într-o astfel de situație este să cereți utilizatorului să excludă site-ul din filtrele AdBlock. Nu este necesar să utilizați JS pentru a afișa un apel: este suficient să aplicați tehnici CSS simple, care vor fi discutate mai jos. Dar, mai întâi, merită luată în considerare problema conținutului și locului de apariție a recursului pe pagină, deoarece obiectivul său principal nu este doar de a atrage atenția vizitatorului, ci și de a obține consimțământul.

Cum să solicitați corect utilizatorului să dezactiveze AdBlock?

Pentru a posta notificări și solicitări (sau linkuri către acestea) pentru a include site-ul într-o excludere de la filtrare, este recomandat limitați-vă la spațiul în care trebuia să apară reclama, întrucât a fi ghidat de principiul „opriți AdBlock sau părăsiți” și a vă priva forțat de oportunitatea de a utiliza site-ul înseamnă în mod normal pierderea loialității vizitatorilor dvs.

Când dezactivați AdBlock este categoric O condiție prealabilă, acest lucru demotivează și obligă vizitatorul să caute alte site-uri sau, dacă se întâmplă să nu aibă alte opțiuni, să petreacă timp ocolind acest tip de blocare, ascunzând manual elemente intruzive de pe pagină.

Un exemplu de afișare corectă a unei cereri de dezactivare a AdBlock pe Habré. Link-ul către contestație este discret și este plasat strict în locul bannerului publicitar.

Adresa corectă (sau referința la aceasta) ar trebui să fie discretă, adică să nu se concentreze prea mult pe ea însăși, dar în același timp - să fie vizibilă pentru utilizator. Este de dorit să furnizați argumente convingătoare în text: de exemplu, indicați dependența veniturilor din publicitate și costul întreținerii site-ului. În cele din urmă, site-ul în sine trebuie să fie util și important pentru utilizator. Exact conținut de calitate și capacitatea de a oferi vizitatorului ceea ce caută sunt principalii factori ai loialității publicului. În consecință, atunci când vă adresați utilizatorului, este recomandabil să subliniați ce îi oferă exact site-ul în schimbul loialității și cu ce costuri sau eforturi dezvoltatorii este asociată furnizarea de înaltă calitate a acestor informații, bunuri, servicii.

Acest lucru poate fi ilustrat de exemplul unei cereri din partea comunității IT menționate, chiar și un mic fragment din care reflectă o atitudine respectuoasă față de participanți:

Spre deosebire de a fi discreți și discreți într-o anumită parte a site-ului, dezvoltatorii folosesc adesea moduri mari de poziționare fixă ​​care ascund întreaga fereastră. Nu se recomandă recurgerea la aceasta din cel puțin două motive:

• 1. Un utilizator mai mult sau mai puțin experimentat, dacă se dorește, poate ascunde cu ușurință cu un filtru cosmetic aproape orice element al site-ului care îl interferează, inclusiv altele asemenea fereastra modală.
• 2. Această tehnică este dăunătoare din punct de vedere SEO, deoarece poate fi văzută de roboții de căutare ca o acoperire - o încercare de a ascunde conținut.

În concluzie, întrebarea despre redactare corectă solicitările trebuie subliniate că publicitatea în sine nu trebuie abuzată - AdBlock a fost inițial conceput ca un răspuns la conținut supărător. Bannere imense intermitente pe jumătatea paginii, situate în centrul ecranului, îi vor speria chiar și pe cei mai fideli utilizatori care decid să excludă site-ul din filtre.

Încheierea unei cereri de dezactivare a AdBlock pe CSS

Există cel puțin două opțiuni simple pentru implementarea ieșirii mesaje care vă solicită să dezactivați AdBlockîn CSS pur fără JavaScript: prin pseudo-clasa: goală și suprapunerea a două elemente una peste alta prin proprietățile poziției și indexului z. Prima opțiune este mai probabilă pentru un protector de supratensiune, a doua este mai versatilă, deoarece poate ține seama și de efectul unui filtru cosmetic.

Adăugarea unui pseudoelement în containerul părinte

Dacă scriptul care generează conținut publicitar și îl introduce în blocul gol dat nu se va încărca datorită filtrului de linie, atunci acest container va rămâne fără copii și pseudo-clasa: goală va continua să funcționeze pentru el. Într-un mod banal, acest lucru poate fi demonstrat după cum urmează:

.container: gol :: înainte (conținut: "Vă rugăm să dezactivați AdBlock!";)

În exemplu, fișierul JS extern se inserează într-un bloc cu atributul de inserare de date element nou... Dacă scriptul nu se încarcă din cauza unui filtru de rețea, stilurile: pseudo-clase goale vor fi aplicate elementului .container:

Cu toate acestea, această metodă nu ține cont de situația în care scriptul publicitar a încărcat, generat și introdus elementele necesare în containerul dorit, dar ulterior acestea au fost ascunse de filtrul cosmetic.

Suprapunerea unui bloc peste altul

Dacă unitatea de anunțuri nu se afișează din cauza filtrului cosmetic, adică un element cu o reclamă în interior este ascuns cu forța prin afișare: niciunul! important, atunci: pseudo-clasa goală va deveni inutilă:

Pentru a rezolva problema, se propune crearea element suplimentar care conține în mod direct un mesaj prin care vi se cere să dezactivați blocatorul de anunțuri, dar așezați-l pe un strat de mai jos, adică poziționați-l sub unitatea de anunțuri astfel încât să fie vizibil numai atunci când este afișat: nu a fost aplicată nicio regulă elementului care se suprapune vizual. . Pentru a face acest lucru, trebuie să efectuați manipulări simple cu proprietățile poziției și ale indexului z:

.container (poziție: relativă) .adspace, .request (poziție: absolut; lățime: 100%; înălțime: 100%;) .adspace (index-z: 2; / * unitatea de anunțuri este plasată cu un strat „deasupra” * /) .cere (z-index: 1;)

Spre deosebire de cazul anterior, când a fost necesar să funcționeze doar cu stiluri pentru pseudo-elementele :: before și :: after, această abordare extinde posibilitățile de stilare și editare a unei notificări, care este deja un element DOM cu drepturi depline și prin urmare, prin analogie cu modul în care este implementat în Habré, pe lângă textul simplu, puteți adăuga un buton sau un link către un apel complet către utilizator din bloc:

JSFiddle nu este disponibil fără JavaScript

Singurul dezavantaj al acestei tehnici este că un element de solicitare absolut poziționat va fi limitat la zona părintelui său, astfel încât acest cod este inadecvat dacă este nevoie să se afișeze un mod în centrul ecranului și umbră care ocupă întreaga fereastră de vizualizare. Nu puteți face fără JavaScript pentru a rezolva acest tip de problemă.

Cum se verifică AdBlock prin JS?

Mecanismele rețelei și filtrele cosmetice deschid oportunitatea dezvoltatorilor de a determina prezența extensiilor AdBlock folosind JavaScript: starea de încărcare a scriptului conectat la pagină este urmărită de evenimentele de încărcare și de eroare sau de capacitatea de a apela corect metodele și funcțiile conținute în acesta, iar vizibilitatea elementului se realizează prin analiza proprietăților CSS aplicate acestuia. Pe baza acestui fapt, există mai multe moduri Detectarea AdBlock.

Folosind un script extern

Prima opțiune este să conectați la pagină un script extern cu un nume potrivit pentru masca de filtrare și conținut, a cărui execuție va trebui verificată. De exemplu, un fișier numit ads.js poate conține o singură variabilă:

// ads.js var adb = "";

În consecință, atunci când blocatorul de anunțuri este activat, fișierul ads.js nu va fi încărcat și variabila adb declarată în interiorul acestuia nu va exista. Verificarea execuției scriptului este o condiție banală care trebuie plasată sub fișierul inclus:

Dacă (typeof adb === "nedefinit") (// AdBlock activat) altceva (// AdBlock dezactivat)

A doua opțiune este similară cu prima: scriptul extern ads.js poate fi gol (dar nu returnează o eroare 404), iar verificarea blocării este să îi adăugați evenimente de eroare sau de încărcare, care vor fi procesate de o funcție separată cu un singur parametru, de exemplu, adsLoaded (status):

Var adsLoaded = function (status) (if (status === false) (// AdBlock este activat) else (// AdBlock este dezactivat))

În documentul HTML, scriptul plug-in-ului trebuie să aibă gestionarii corespunzători:

Dezavantajul acestor metode este crearea unui fișier separat și a unei cereri suplimentare către server.

Verificarea vizibilității unui element

Această abordare nu implică crearea de scripturi externe sau urmărirea stării de încărcare a acestora: verificarea se efectuează pe un anumit element analizând proprietatea de afișare CSS aplicată acestuia. Având în vedere întârzierea inițializării filtrului cosmetic de blocare a anunțurilor, este recomandabil să utilizați metoda getComputedStyle () pentru a verifica valoarea finală calculată și așteptați până când pagina și resursele externe sunt încărcate complet:

Window.addEventListener ("load", function () (if (window.getComputedStyle (document.getElementById ("my-adv")). GetPropertyValue ("display") === "none") (// AdBlock activat) altceva (// AdBlock este dezactivat));

Acesta este cel mai optim mod de a verifica blocarea nu numai a anunțurilor, ci și a oricărui alt conținut.

Funcțiile scripturilor publicitare

Scripturile publicitare au propriile metode și funcții care nu pot fi apelate atunci când un fișier extern nu este disponibil. De exemplu, Google AdSense creează un obiect google_jobrunner și încorporează reclame între elemente cu clasa .adsbygoogle:

Document.addEventListener ("load", function () (if (typeof window.google_jobrunner === "undefined" || document.querySelector ("ins.adsbygoogle"). InnerHTML.replace (/ s / g, "")). lungime === 0) (// AdBlock activat, script Adsense blocat)));

Verificarea AdBlock cu definiția abonamentelor

După ce ați analizat ce elemente sunt filtrate de blocant, puteți ghiceste cu privire la disponibilitatea tipurilor corespunzătoare de abonamente pentru utilizator. Scăderea preciziei determinării este influențată de doi factori - lista de filtre personalizate și număr mare Abonamente „oficiale”, ale căror reguli de blocare se suprapun adesea.

Esența verificării este de a crea pe pagina invizibilă pentru utilizator, dar vizibilă pentru elementele „false” AdBlock cu identificatori, clase și atribute care indică apartenența la un anumit grup de conținut. Articolele care intră sub influența filtrului cosmetic vor depune mărturie în favoarea prezenței tipului de abonament corespunzător, adică, în general, vor indica ce tip de conținut este blocat de utilizator:

Pentru a nu arunca DOM-ul cu gunoi inutil, elementele trebuie îndepărtate imediat după validare.

JSFiddle nu este disponibil fără JavaScript

După cum puteți vedea din exemplu, funcția adbCheck () returnează un obiect, deci, dacă este necesar, puteți face referire doar la proprietatea de interes:

Var rezultat = adbCheck (); result.ads_block; // publicitate result.cnt_block; // contorizează result.soc_block; // widget-uri sociale result.ang_block; // elemente enervante result.ant_block; // elemente anti-blocare result.scm_block; // site-uri frauduloase

In cele din urma

Luarea în considerare a acțiunilor filtrelor AdBlock este un indicator al unui aspect de înaltă calitate al site-ului și luarea în considerare a segmentului de vizitatori care nu numai că nu văd reclame, dar, foarte probabil, nu pot utiliza partajarea widgeturilor sociale și nu sunt numărate prin ghișee de vizite și alte servicii de statistici. Exact așa gamă largă filtrarea obiectelor - de la scripturi publicitare la butoane sociale și elemente de urmărire - oferă abonamente populare astăzi. Verificarea pentru AdBlock merită acordată o atenție deosebită site-urilor care se bazează pe veniturile din publicitate sau care utilizează în mare măsură widget-uri sociale. La rândul său, un apel corect, plin de tact și discret pentru un vizitator poate contribui serios la o revizuire a atitudinii sale față de conținutul blocat.

Dacă ți-ai pus o astfel de întrebare, înseamnă că ești un utilizator destul de experimentat și știi despre existența unui astfel de supliment ca Adblock, care ascunde aproape toate reclamele din ochii utilizatorilor. Aparent, plugin util deci de ce să-l dezactivați atunci? Fără îndoială, cu ajutorul său, puteți scăpa de bannere colorate și intruzive, teasere, clickandere și alte tipuri de publicitate, care distrag atenția de la conținutul principal al site-ului cu culorile sau sunetele sale. Cu toate acestea, unele site-uri încep să se afișeze incorect, ceea ce face dificilă citirea articolelor, vizionarea de imagini sau videoclipuri. De aceea, am decis să vă spunem cum să dezactivați pluginul Adblock pentru a naviga pe site-ul dvs. preferat în modul normal.

Cum se dezactivează pluginul Adblock în Chrome

Pentru început, vă sugerăm să analizați procesul de deconectare în cel mai popular browser de astăzi - Google Chrome! Ei bine, nu vom întârzia, direct la subiect:

1. Deschideți meniul făcând clic pe butonul din partea dreaptă (situat în partea de sus);
2. Faceți clic pe „Setări”, după care se deschide o pagină cu setări, dar nu avem nevoie de ea - mergem mai departe;
3. Treceți de la setări la „Extensii”, după care se deschide o pagină cu toate suplimentele;
4. Debifați caseta de lângă inscripția „Activați”;
5. Gata! Acum Adblock nu împiedică afișarea site-ului dvs. preferat în modul normal!

Cum se dezactivează pluginul Adguard în Yandex Browser

Practic, totul este același în browserul Yandex ca în Chrome, deoarece sursă au la fel. Dar vom explica în continuare:

1. Faceți clic pe butonul „Meniu”, care este în partea dreaptă sus;
2. O listă renunță în cazul în care trebuie să faceți clic pe secțiunea „Suplimente”;
3. Se deschide pagina cu extensii. Acestea sunt împărțite în categorii;
4. Derulați-l până la capăt și găsiți-ne pluginul Adguard (același Adblock numai în mod special pentru Yandex Browser);
5. Mutați glisorul opus acestuia și extensia devine inactivă.

Dezactivați pluginul Adblock în Mozilla Firefox

După cum ați observat deja, procesul de dezactivare a pluginului este practic același în toate browserele, doar numele meniului și add-on-ul în sine (în cazul browserului J.) au fost modificate, iar Mozilla nu a fost o excepție :

1. Facem clic pe același buton pentru a deschide meniul;
2. Faceți clic pe pictograma, sub care este inscripția „Suplimente”;
3. Se deschide magazinul de extensii. Nu avem nevoie de el - trecem pe lângă;
4. În meniul din stânga, faceți clic pe „Extensii”;
5. De fapt, acum cel mai interesant lucru - îl găsim printre pluginurile Adblock și facem clic pe butonul „Dezactivare”;

Cum se dezactivează extensia Adblock în browserul Opera

Și, în cele din urmă, haideți să vă rog oamenilor care folosesc Opera ca browser principal:

1. Faceți clic pe sigla „Opera” din colțul din stânga sus, deschideți meniul;
2. Plasați cursorul pe „Extensii” și accesați „Extensions Manager”;
3. Se deschide o pagină cu pluginuri instalate;
4. Găsiți Adblock-ul nostru preferat printre programe de completare și dezactivați-l făcând clic pe butonul „Dezactivare”;

Adblock este o extensie de browser care blochează anunțurile. S-ar părea că un astfel de plugin este conceput pentru confortul utilizatorului de internet, dar utilizarea acestuia este plină de capcane, cum ar fi:

• blocarea de anunțuri activată, pe lângă publicitate, poate bloca unele scripturi, fără de care munca deplină a site-ului nu este posibilă. Adblock poate bloca formularul de comentarii, widgeturile părere, contoare, butoane de social media și alte pluginuri.
• pluginul crește semnificativ consumul memorie cu acces aleatorși resurse de calcul.
• nu uitați că publicitatea pe site generează venituri pentru proprietarul său și, de obicei, câștigurile pe site sunt mici. Citiți mai departe. Banii câștigați sunt necesari de webmasteri pentru a-și menține resursele, deoarece bloggerii sunt obligați să cheltuiască pe conținutul site-urilor. Aceasta este o taxă pentru un domeniu, găzduire, pentru crearea unui design, precum și posibile cheltuieli pentru scrierea articolelor, publicitate, optimizare etc. Pentru a dezvolta un site web, un webmaster are nevoie de bani. Aceasta este și o motivație pentru muncă.
• blocatorul nu elimină toate reclamele, ci interferează cu funcționarea normală a site-ului,
• site-ul poate fi afișat cu câmpuri goale - acestea sunt locurile în care a existat o reclamă mai devreme.
• unii webmasteri se luptă cu utilizatorii de blocuri publicitare și nu le arată conținutul lor (cum se face acest lucru în următorul meu articol)

La ce poate duce utilizarea masivă a Adblock de către utilizatorii de internet:

• mulți webmasteri își vor abandona pur și simplu site-urile și va fi mult mai dificil să găsești conținut util. "Cum da, au o chemare? Ne datorează ..." - întrebi. Aceasta este viața și nimeni nu datorează nimănui. Dacă crezi că cineva ar trebui să investească bani, astfel încât să te simți bine, munca și sufletul tău, atunci te înșeli.
• apariția unui număr mare de escrocherii în rețea. Desigur, nu voi spune că toți webmasterii se vor adresa imediat escrocilor, dar unii cu un nivel moral scăzut pot începe să-i înșele pe oameni. Sincer, este imposibil să câștigi bani.
• Acei bloggeri care rămân în site-urile lor vor fi obligați să-i monetizeze diferit și să găsească modalități. O opțiune care este deja des utilizată este ascunderea de conținut pentru utilizatorii cu blocare publicitară activată sau. Opțiunile alternative de generare de bani sunt o încercare nesfârșită de a vinde produse și servicii pe. precum și vânzarea informațiilor în sine către dvs. Da Da! Va trebui să plătiți pentru informații mai des. Este la fel de ușor să ascundeți conținutul și să puneți butoane cu plată în fața acestuia, sau va trebui să plătiți înainte de a descărca orice fișier. Vreau să internet plătit- apoi instalați adblock. Cu fiecare instalare nouă aduci acest timp minunat mai aproape.

Cum se dezactivează blocarea anunțurilor pe un site web

Dacă nu puteți renunța la blocarea anunțurilor, puteți dezactiva Adblock pe site-urile ai căror proprietari nu abuzează de generarea de bani.
Când sunteți pe pagina site-ului dvs. preferat, faceți clic pe pictograma adblock de lângă bara de adrese și selectați „Nu lansați pe această pagină de domeniu”. Se va deschide o fereastră pop-up unde trebuie să faceți clic pe butonul „Excludeți”. Există o altă modalitate de a permite apariția anunțurilor. Aceasta adaugă site-ul în lista albă a pluginului.



Așadar, a doua modalitate este de a permite afișarea anunțurilor pe paginile unui anumit site. Faceți clic dreapta pe Pictograma Adblo la -> Setări–> Afișați anunțuri pe o pagină web sau pe un domeniu-> introduceți adresa site-ului în câmpul gratuit -> Bine

Cum se dezactivează Adblock în Opera

În Opera versiunea 12.17 și mai jos - selectați comenzile Instrumente –>Extensii –> Managementul extensiilor(taste rapide CTRL + Shift + E) -> dezactivați vizavi de pluginul dorit. De asemenea, îl puteți șterge.


În Opera de mai sus versiunea 12.17 - faceți clic pe Pictograma Opera(situat în colțul din stânga sus) -> Extensii–>Manager de extensii(taste rapide CTRL + Shift + E) -> dezactivați... Aici puteți elimina extensia făcând clic pe cruce în câmpul pentru plugin.

Dezactivați blocarea anunțurilor în Google Chrome

Faceți clic dreapta pe pictograma extensiei –> scoate din crom sau faceți clic stânga pe pictogramă –> întrerupe blocarea publicitară... Dacă anterior ați dezactivat vizibilitatea pictogramei, atunci trebuie să accesați lista extensiilor - butonul Configurarea și gestionarea Google Chrome(în colțul din dreapta sus al browserului) -> Instrumente suplimentare –> Extensii –> debifați caseta din caseta de selectare de lângă „Activat” sau trimiteți pluginul în coș.

Eliminarea blocării publicitare din Firefox

În browser Mozilla Firefox de asemenea, puteți dezactiva rapid pluginul făcând clic pe pictograma -> Dezactivare peste tot sau accesați lista de pluginuri - Meniul –> Suplimente-> fila Extensii –> șterge sau dezactivați

Eliminați dispozitivul de tăiere a anunțurilor și telefonul Android

Indiferent de aplicația pe care o instalați pentru a elimina reclame pe Android, aceasta este tratată îndepărtarea simplă aplicația în sine (apăsați lung pe pictogramă și trageți la coșul de gunoi).

Ce este uBlock Origin

Cum se dezactivează uBlock Original în orice browser

Urmăriți tutorialul video:

Unul dintre subiectele cele mai acute și urgente în rândul programatorilor web și al deținătorilor de resurse de internet de astăzi este optimizarea SEO. Pentru ca site-ul să ajungă la primele pagini interogări de căutare„Yandex” sau Google, este necesar să efectuați lucrări colosale privind crearea și promovarea acestuia.

Pentru ce este marcajul semantic?

Puteți adapta resursa pentru un utilizator obișnuit cu ajutorul conținutului relevant și interesant. Dar pentru ca utilizatorul să poată găsi această resursă, este necesar să optimizăm site-ul pentru motorul de căutare. Cum să o facă?

Spre deosebire de o persoană, nu poate recunoaște despre ce este site-ul web fără anumite solicitări. El analizează conținutul, identifică anumite tipare, identifică cuvinte cheie, dar fără inteligența umană, nu poate înțelege semnificația a ceea ce este scris. Pentru a-și simplifica sarcina, programatorii au inventat semantic sau micro-markup pentru Yandex și Google. Așa cum hipertextul îi spune mașinii ce să plaseze și unde, marcajul semantic explică cine sau despre ce este o resursă. Datorită acestei înțelegeri, site-ul se clasează mai bine în rândul concurenților și are șanse mai mari de a ajunge la primele linii de interogări de căutare.

Un exemplu de marcare semantică

Micromarcarea „Yandex” și Google sunt deosebit de eficiente în influențarea promovării site-urilor comerciale care oferă bunuri și servicii. Următorul exemplu îl va explica cel mai clar.

Este necesar să creați un micro-markup pentru un site de cărți de vizită pentru furnizarea de servicii de coafură pentru câini. Va arăta astfel:

Tipul articolului - BarberShop,

Name este un salon de coafură pentru câini.

Prima linie conține zona de operare a site-ului, iar a doua - un obiect specific. O pagină cu un astfel de script va fi mai mare pe scara de căutare decât una similară fără ea, deoarece motorul de căutare o va considera mai relevantă pentru conceptul de „frizer pentru câini” și nu doar „frizerie”.

Micromarcarea creată cu ajutorul Yandex.Webmaster vă permite să prescrieți mulți parametri - locuri de vânzare, program de deschidere, contacte, brief sau servicii și multe altele.

Unde se utilizează marcajul semantic?

Din ce în ce mai multe resurse se străduiesc să ofere utilizatorului materiale prelucrate de înaltă calitate. Cu cât va fi mai aproape ca sens de cel dorit, cu atât va aduce mai multă eficiență site-ului. Prin urmare, astăzi micro-markup-ul este utilizat în mod activ:

• Site-uri comerciale pentru promovarea bunurilor și serviciilor.
• Cărți de referință online și enciclopedii pentru a forma legături pe mai multe niveluri între articole.
• Rețele sociale pentru detalierea profilurilor, evenimentelor și a altor conținuturi.

Schrema.org standard uniform

Crearea marcajului semantic a dus la necesitatea unui standard unic pentru toate motoarele de căutare. A fost micromarcarea „Yandex” și Google - schrema.org. Simplifică procesul de creare a unei scurte descrieri (fragment) pe care o vedem când pagina este afișată în rezultatele căutării. Aceste informații pot include informații importante despre site care vor ajuta utilizatorul să decidă dacă va merge sau nu la această pagină.

Apropo, numărul de elemente și dicționare din schemă este imens, deci poate fi folosit pentru site-uri de aproape orice subiect.

Open Graph Standard

Pe lângă căutare Sisteme Googleși „Yandex”, micro-marcaj de produse, servicii, conținut multimedia și informație este, de asemenea, necesar de rețelele sociale. Pentru ei, Facebook a venit cu un singur standard Open Graph. Această marcare vă permite să controlați modul în care va fi prezentat site-ul fluxuri de stiri rețea socială. Mai mult, astăzi puteți crea legături frumoase cu acesta nu numai pe Facebook, ci și pe Google+, VKontakte, Twitter. Apropo, pentru o afișare frumoasă a acestuia din urmă, se folosește, de asemenea, Twitter Cards.

Ce micro-markup să alegeți?

De fapt, nici Yandex, nici Google nu acordă mai multă preferință vreunui standard atunci când clasează un site. Cazul de utilizare clasic este schrema.org, care este cel mai complet, modern și în curs de dezvoltare activă.

Dicționare de micro-markup

Am definit ce este micro-markup-ul Yandex. Cum vă asigurați că afișează informațiile de care aveți nevoie? Pentru aceasta, se folosește un astfel de concept ca un dicționar de micro-markup. Este un set de elemente, etichete și sintaxă, cu ajutorul cărora atenția motorului de căutare se concentrează asupra a ceva.

Fiecare standard are propriile sale vocabulare și elemente. Sunt câteva Cuvinte cheie are o imensă ierarhie și tipuri de afișare. De exemplu, dicționarul Thing vă permite să reprezentați informații în 3 proprietăți principale:

• alternateName - pentru aliasul (aliasul) obiectului;
• descriere - pentru o descriere textuală a obiectului;
• imagine - pentru o imagine sau un link către aceasta.

Sau dicționarul Good Relations, care va fi util în special pentru piețele online. Vă permite să postați date despre prețuri, locații de cumpărare, disponibilitate și multe altele.

Dicționar FOAF - micro-markup pentru contactele Yandex și Google. Acesta este un chestionar pe care l-ați completat de milioane de ori pe diverse site-uri - numele dvs., coordonatele, pagina de pe rețelele de socializare, poștă, data nașterii etc. Aceste cunoștințe îl vor convinge pe utilizator să urmeze linkul, oferindu-i ceva care interesează-l. Astfel, site-ul poate crește traficul.

Pentru descriere detaliata informații audio și video - artist, numele albumului, durata - se utilizează micro-markupul VideoObject.

Există, de asemenea, marcaje pentru mesajele de poștă electronică, permițând utilizatorului, fără a fi nevoie să meargă pe altă pagină, să fie de acord cu o întâlnire sau să lase un comentariu sub articol, de exemplu.

Ce este un validator

Orice promovare pe Internet necesită o analiză aprofundată și aprofundată a eficacității sale. Puteți verifica micro-marcarea Yandex folosind validatorul - software care recunoaște metadatele pe paginile web. Documentele de orice format pot fi verificate pentru corectitudine - HTML, XHTML, RSS, XML, în orice limbi.

Micromarcarea Yandex este verificată de orice validator care acceptă formatele de microdate Schema.org, HTML, Open Graph, RDF.

Cum să verificați micro-markup-ul Google

Aflați cât este site-ul dvs. cautare Google se poate face în mai multe moduri. Pentru utilizator cu experiență cine este fluent setări ascunse webmasterii „Google”, Instrumentul pentru fragmente bogate, disponibil numai de pe link, vor face acest lucru.

O altă modalitate este instalarea pluginului Seo by Yoast. Este ușor de utilizat și va fi disponibil după instalare în panoul superior al webmasterului.

A treia modalitate este să selectați „Alte resurse” în bara de instrumente de pe site-ul web Google Developers, să faceți clic pe butonul „Instrument de validare a datelor structurate” și să specificați pagina html pe care doriți să o verificați. Când robotul calculează scriptul specificat, veți primi un raport detaliat cu erori, dacă există, și explicații pentru acestea.

Cum se verifică Yandex micro-markup

Cu acest motor de căutare, totul este oarecum mai simplu. Validatorul de micromarcare Yandex se află în instrumentele webmasterilor, în fila „Site-urile mele”. Aici trebuie să faceți clic pe butonul „Verificați marcajul” și să introduceți adresa URL a site-ului, iar validatorul va începe să calculeze erorile. În câteva minute, veți primi una dintre cele trei opțiuni de răspuns:

• Micromarcare nu a fost găsită.
• Sunt greșeli.
• Micro-marcajul este pe deplin conform standardului.

În ce cazuri apar informații despre marcarea incorectă?

Yandex.Webmaster, un validator de micro-markup, afișează un mesaj de eroare în două situații:

• Când nu recunoaște marcajul.
• Când micro-markup-ul nu respectă standardul.

În orice caz, programul va afișa detaliile erorii, după care puteți judeca care câmpuri obligatorii din marcaj au fost omise sau care atribut a fost omis.

De asemenea, poate da un mesaj - „pagina nu a putut fi încărcată”. Indică o eroare de server sau o pagină inexistentă.

Dacă micromarcarea Yandex este executată cu o eroare necunoscută sau nu știți cum să o remediați, puteți contacta oricând Yandex.Webmaster pentru ajutor.

După finalizarea validării, noul markup va apărea în termen de 2 săptămâni.

Cum afectează micro-markup-ul clasamentul unui site?

V-ați marcat resursa conform tuturor regulilor, iar validatorul de micromarcare Yandex a arătat că totul a fost făcut fără erori. Câte puncte va urca site-ul dvs. pe scara de căutare?

Marcarea semantică afectează doar indirect relevanța și nu puteți spune numărul exact de poziții către care va ridica site-ul. Cu toate acestea, micro-markupul este unul dintre factorii cheie în atragerea atenției utilizatorului. Un fragment interesant și atractiv va aduce mai mulți vizitatori, iar poziția site-ului va crește. Restul va depinde de conținutul și relevanța resursei.

Avantajele micro-markup-ului

În plus față de vizibilitatea resursei, micro-marcajul crește semnificativ greutatea și calitatea site-ului în rândul concurenților. Următoarele avantaje ale marcajului sunt demne de subliniat:

• Crește încrederea din partea motoarelor de căutare, este mai ușor pentru un robot de căutare să evidențieze elementele principale ale unei pagini, ceea ce înseamnă că devine mai ușor pentru noi să ne indexeze. Dacă descriem acest proces într-un mod foarte simplificat, atunci putem spune că motorul de căutare este mulțumit că deschidem inima site-ului, secretele noastre interne pentru el și încrederea lui în noi crește.
• În ochii consumatorului, site-urile cu fragmente arată nu numai mai vizibile, ci și de calitate superioară. În consecință, astfel de resurse sunt mai des clicate, ceea ce înseamnă că CTR în rezultatele căutării sau rata de clic crește.
• Proprietarul are ocazia unică de a afișa informații care vor fi observate chiar dacă utilizatorul nu a mers pe site.
• Informațiile despre fragment pot fi întotdeauna modificate și acest lucru nu va afecta poziția resursei din listă.

Dar, bineînțeles, când promovați SEO, nu ar trebui să vă îndreptați doar asupra dezvoltării micro-markup-ului. Este imperativ să ai conținut util și unic, dar nu numai. Există mult mai mulți factori care afectează creșterea unui site în clasamentul motoarelor de căutare „Yandex” și Google.

Alte modalități de promovare a site-ului dvs.

Promovarea internă, care include micro-marcajul „Yandex” și Google, are mai multe direcții:

• utilizarea cuvintelor cheie în anteturile domeniului și site-ului;
• prezența cuvintelor cheie pe pagina însăși, distribuția lor uniformă în text, locația în subpoziții, etichete;
• marcaj corect HTML fără erori (verificat folosind instrumentele Yandex Webmaster);
• prezența megatagurilor (cuvinte cheie, descriere etc.), indicând esența paginii către motorul de căutare;
• linking - adică linkuri către alte pagini ale site-ului;
• structură simplă a site-ului care vă permite să vă deplasați la pagina principală printr-un clic;
• design memorabil și clar;
• lucrați cu rețelele sociale, abilitatea de a recomanda informațiile care vă plac altora;
• disponibilitatea unui sitemap;
• conținut unic, interesant și actualizat periodic, util și relevant pentru cititor;
• CMS optimizat pentru încărcarea rapidă și fără erori a paginii.

Pe lângă promovarea internă, ar trebui să se lucreze cu factori externi. Un programator web ar trebui să monitorizeze în mod regulat dacă linkurile către site sunt afișate pe alte resurse, cât de semnificativă și autoritară este această masă de legături (acest proces este determinat folosind tematice și ponderate. Una dintre metodele de citare externe este, de asemenea, plasarea de bannere publicitare ale resursei .

Conform celor mai recente cercetări, una dintre cele mai multe modalități eficiente promovarea este discuția sau menționarea site-ului pe rețelele de socializare. Motorul de căutare vede mișcarea activă a acestor informații și le percepe ca relevante și solicitate, crescând astfel ratingul resursei.

Pentru magazinele online, este eficient să folosiți comentarii și recenzii ale clienților, atât pe site-ul în sine, cât și pe forumuri tematice, portaluri cu recenzii etc.

În loc de o concluzie

Promovarea online este un proces complex cu mai multe fațete care necesită o muncă intensă asupra diferiților factori externi și interni. Acest lucru nu înseamnă că oricare dintre metodele de mai sus este absolut corectă și el va aduce site-ul dvs. la început. Găsește-te pe liniile de sus interogările de căutare sunt posibile numai cu lucrări complexe pe toate aspectele promovare SEO, în special, ar trebui acordat un rol imens micro-markup-ului.

Este foarte important să transmiteți motorului de căutare că încercați în toate modurile să simplificați selecția acestuia și să faceți acest lucru nu numai de dragul unui rating ridicat, ci și pentru confortul utilizatorului, mai precis, mai întâi de toate, astfel încât o persoană să găsească aceste informații pe internet.

Yandex și Google sunt direct interesați ca utilizatorul să primească informațiile necesare, ceea ce înseamnă că cu cât resursa dvs. este mai loială, cu atât sunt mai mari șansele de a ocupa un loc în top.

Nu contează ce tip de markup utilizați - OpenGraph, schrema.org sau altele, principalul lucru este că este executat fără erori și evidențiază punctele cheie ale paginilor de resurse. Verificați-l în mod regulat cu un validator, efectuați o analiză aprofundată a fiecărei părți a activității dvs. și apoi vă așteaptă rezultate minunate!

Mulți au auzit de micro-markup, dar nu l-au folosit niciodată. Motivul principal este lipsa de înțelegere a ceea ce este și de ce este nevoie. Acum vă vom spune totul în ordine.

Marcajul semantic sau micro-marcajul a fost introdus de motoarele de căutare relativ recent (din 2011)... Scopul principal este de a face site-ul mai ușor de înțeles pentru motorul de căutare. Să dăm un exemplu imediat.

Este important ca un motor de căutare să înțeleagă dacă există sau nu un număr de telefon pe site. Depinde mult de asta. Numărul de telefon poate fi găsit de masca +7 xxx xx-xx-xx și altele asemenea. Nu există nicio dificultate în acest sens. Dar cum poți să spui un telefon dintr-un fax? Dacă site-ul în sine nu „spune” ce număr se referă la ce, atunci este imposibil să faceți acest lucru.

Aceeași dificultate există și cu textul. Cum spuneți o rețetă dintr-un articol de gătit?

Pentru a rezolva aceste probleme, a fost creat marcajul semantic al materialului. Pentru a nu complica viața maestrilor web, a fost creat un format extrem de simplu, foarte asemănător cu aspectul.

Să dăm cel mai simplu exemplu:

Să presupunem că avem un extras din aspectul unei pagini de contact:

Totul este standard, nu există dificultăți.
Și acum un exemplu din același fragment, dar cu cod marcat.

Agenția DH Contacte:

Adresa: St. Petersburg St. Fidelitate 6

Telefon: +7 000 00–00–00 / interval>, Fax: +7 000 00–00–00, E-mail: site-ul web

Destul de simplu și intuitiv, nu-i așa? Trebuie doar să cunoașteți sintaxa. Toate marcajele se fac în codul site-ului, nu trebuie să creați fișiere suplimentare.

Vom răspunde imediat la cele mai populare întrebări.

De ce un site are nevoie de micro-markup?

Dacă motorul de căutare înțelege ce material este pe site, atunci va încerca să facă fragmentele cât mai atractive. Aranjați prețul, condițiile, răspunsurile / întrebările, recenziile etc.

De exemplu, Yandex poate scrie prețul unui produs lângă site-ul dvs. web.

În plus, micro-markupul ajută la înțelegerea mai precisă factori comerciali- telefoane, adrese, prețuri și altele asemenea.

Prezența marcajului afectează poziția site-ului?

Nu există nicio influență directă asupra poziției și „vizibilității” site-ului. Cu toate acestea, există motive indirecte:

1. Micromarcarea afectează fragmentele și face site-ul mai vizibil în rezultatele căutării. Ceea ce duce în cele din urmă la o creștere a traficului, toate celelalte lucruri fiind egale.
2. Yandex și Google adoră site-urile de înaltă calitate și ușor de înțeles. Micromarcarea este un alt pas în aducerea site-ului la comandă.

Toate site-urile au nevoie de asta?

Da, tuturor. Marcarea contactelor și a altor elemente fundamentale este de dorit pentru orice resursă. Dar nu pentru toate tipurile de bunuri și servicii, puteți transfera date către fragmente. De exemplu, sunt acceptate în prezent:

• Rețete culinare;
• Intrebari si raspunsuri;
• Recenzii;
• Prețurile mărfurilor;
• Descrieri de bunuri;
• Alte categorii.

Ce tipuri există?

Există mai multe opțiuni (sintaxe) pentru a spune robotului ce se află pe site-ul dvs. Cel mai frecvent și utilizat markup este marcajul „bazat pe reguli” shema.org. Aceasta este ceea ce recomandă Yandex.

În plus față de acest markup, există și (dezvoltat de Facebook). Acest tip de markup este mai concentrat pe social. și este utilizat de VK, FB, Twitter, Google Plus și alții.

Există, de asemenea, un alt format - JSON-LD, dar este utilizat doar de Yandex Mail. Nu va fi posibilă schimbarea informațiilor din fragmente cu ajutorul acestuia.

Separat, aș vrea să spun despre. Acesta este același mod de marcare semantică a conținutului, dar este destul de diferit de toate cele anterioare. Microformatele sunt destul de populare. Despre ele vom scrie mai jos.

Schema.org

Schema.org este cel mai popular format de micro-markup, înțeles de toate motoarele de căutare populare. Formatul vă permite să descrieți sute de entități diferite și să spuneți despre proprietățile lor.

Marcajul începe prin crearea unui „container” în care vor fi localizate toate datele. Arată așa:

Datele dvs. vor fi localizate aici

Rusia, Sankt Petersburg, st. Fidelitate

Sintaxa detaliată poate fi găsită pe site-ul oficial - http://schema.org. (Nu este o traducere oficială în rusă - http://ruschema.org)

Deschideți graficul

Această marcare este utilizată de toate rețelele sociale populare - VKontakte, Facebook, Twitter, Linkedin. Yandex folosește Open Graph pentru a transfera date către serviciul său video.

Pe lângă formarea unei previzualizări acest format potrivit pentru dezvoltatorii de aplicații.
Sintaxa și detaliile pot fi găsite pe site-ul oficial - http://ogp.me

Microformate

Acesta este un mod destul de popular de marcare semantică pentru Pagini HTML... Permite motoarelor de căutare să înțeleagă semnificațiile semantice ale conținutului. A fost realizat într-un mod destul de „neobișnuit”. Pentru a transmite informații robotului de căutare, elementului i se atribuie atributul „clasă”, care are o valoare similară cu numele proprietății. De exemplu, adresa va arăta astfel:

Rusia, Sankt Petersburg, st. Fidelitate 6

Spre deosebire de alte formate, nu trebuie să scrieți etichete „suplimentare”.

Microformatele sunt utilizate de multe servicii din întreaga lume, inclusiv Yandex. Este adevărat, trebuie spus că în acest moment Yandex nu acceptă toate microformatele. (o listă actualizată a formatelor acceptate poate fi găsită pe Internet)

Informații detaliate despre sintaxă sunt disponibile pe site-ul oficial - http://microformats.org/wiki/Main_Page

Care este cel mai bun format de utilizat?

Yandex asigură că nu-i pasă ce format utilizați. Dar recomandă utilizarea schema.org.

Exemple de

Vom oferi doar exemple pentru cel mai popular schema.org. Dacă alegeți un analog pentru site-ul dvs., puteți găsi întotdeauna exemple pe internet și pe site-urile oficiale de microdate.

Un exemplu de micro-marcare a contactelor:

Informațiile de contact trebuie marcate pe toate site-urile, fără excepție. Acest lucru va permite motorului de căutare să înțeleagă factorii comerciali, precum și să structureze fragmentul.
Cu micro-markup

Informații de contact:

Adresa fabricii: st. Moscova Lenin 140

Telefon: +7 945 00–00–00 / span>, Fax: +7 945 00–00–00, Email:

Exemplu de microdate de produs:

Micromarcarea este cea mai eficientă atunci când se descriu bunuri. Fragmentul afișează prețul, beneficiile, descrierea produsului și alte informații importante.
Cu micro-markup

Arici de pluș „Uf Uf” Fabrica de arici de pluș „Imediat” Număr model 964893NM O descriere text a produsului.

Costul bunurilor Vânzător de bunuri

Un exemplu de micro-marcare a articolelor:

Codul sa dovedit a fi destul de mare, dar acesta este un markup complet al articolului. Exact asta ar trebui să fie. Micromarcarea articolului vă permite să faceți fragmentul mai structurat și mai ușor de citit de către om.
Cu micro-markup

Un exemplu de „pesmet” de micro-markup

În ciuda faptului că nu toți utilizatorii folosesc pesmet, trebuie să fie marcați. Micromarcarea nu numai că va permite motorului de căutare să navigheze mai bine pe site, ci va afișa și o listă de subsecțiuni în fragment, care va atrage atenția.
Cu micro-markup

• Secțiunea principală
• Subdiviziune de nivel 1
• Subdiviziune de nivel 2

Google și Yandex nu permit webmasterilor să doarmă liniștit - apoi introduc noi modalități de clasare a site-urilor în SERP - ale acestuia din urmă, ținând cont de adaptabilitatea șablonului de pe site.
Apoi încetează să ia în considerare linkul atunci când se clasează sau introduc câteva filtre obișnuite.
Și acum, rândul a venit la marcajul semantic al site-ului.
În general, pentru Google și Yandex, micro-markup-ul și microformatele sunt tendința principală în acest an.
De fapt, standardul său a apărut în 2011, dar dacă mai devreme PS a oferit să-l adauge pe site în mod voluntar, acum este voluntar și obligatoriu :), deoarece site-urile care nu îl au, au început să fie indexate mai rău, este mai dificil pentru ca aceștia să intre în primele rezultate.

Aceștia sunt parametri speciali ai etichetei, care sunt adăugați la codul de fișier sau text. Acestea descriu proprietățile documentului. Mai simplu spus, cu aceste etichete îi spunem robotului de căutare:

„Acesta este titlul articolului meu, aceasta este o imagine și iată comentariile.
Acestea sunt numele comentatorilor și acesta este eu, autorul site-ului, în persoană. Nu confunda nimic! "

Din documentația Yandex privind marcarea site-ului:

2. De ce avem nevoie de marcaj semantic al site-ului?

Ajută la construirea unei ierarhii structurate a tuturor datelor paginii pentru căutați roboți precum și roboți de rețele sociale, care vor îmbunătăți prezentarea site-ului în rezultatele căutării.
Pagina marcată în acest mod va deveni mai ușor de înțeles și mai transparentă pentru roboții tuturor PS-urilor.
Deși reprezentanții Yandex susțin că prezența marcajului semantic nu afectează poziția site-ului, experiența și observațiile arată că site-ul marcat este indexat de PS mult mai rapid și mai bine, iar în rezultatele căutării este afișat 3-5 poziții mai mari decât site-urile nemarcate.
Această marcare este utilă pentru site-uri comerciale (tot felul de servicii diferite, magazine online, restaurante). De asemenea, ajută la promovarea resurselor web corporative, o varietate de site-uri și bloguri.
Comparați fragmente din rezultatele căutării Google și Yandex cu și fără micro-markup:
Evaluarea microdatelor Google:






Primul fragment arată pesmetul, evaluarea, data publicării.
Microdate Yandex pentru organizații:






Primul fragment afișează toate informațiile de contact, orele de deschidere, adresa, linkul către harta Yandex, care poate fi utilizat pentru a urmări locul în care se află organizația.
Microdate Yandex, pesmet:






Primul fragment arată pesmetul, data publicării.
Microdate Yandex, rețete:






Primul fragment arată imaginea vasului finit, ingredientele, timpul de gătit și conținutul de calorii al vasului.
Toate aceste informații suplimentare se reflectă în rezultatele căutării datorită faptului că sunt marcate pe paginile site-ului într-un mod special.

3. Care sunt beneficiile utilizării marcajului semantic?

1. Mai bine, mai mult indexare rapidă articole noi și site-ul în ansamblu.
2. Creșterea încrederii în site de la PS.
3. Fragmente mai bune și mai informative în rezultatele căutării - prin afișarea de informații suplimentare: evaluare, preț, informații de contact (adresă, număr de telefon) etc.
4. Îmbunătăţire factori comportamentali site (mai multe clicuri din rezultatele căutării).

Sper că v-am convins că este nevoie de micro-markup.
Acum despre ce markup există, precum și despre ce înțelege Yandex din acesta.

4. Tipuri de micro-markup

În Consola de căutare Google - există un element „Date structurate”.

Figura 1 - erori în micro-markup

Este mai bine să porniți micro-marcajul site-ului dvs., verificând această secțiune. De multe ori se întâmplă ca instrumentele de validare a marcajelor să nu afișeze avertismente sau erori, dar în realitate, motoarele de căutare au dificultăți în structurarea datelor de pe site-ul dvs.

Figura 2 - Erori de micro-markup Hentry

În cazul nostru, vedem că există 106 erori care se referă la marcarea formatului hentry (microformats.org)

- micro-markup încorporat în nucleul WordPress. Deoarece este încorporat automat și nu este adaptat pentru șabloane terță parte, deseori nu funcționează corect și acest lucru duce la faptul că Google Search Console detectează astfel de erori:

Figura 2.1 - Hentry: autor, titlu intrare, erori actualizate

Dar, în același timp, un instrument pentru verificarea micro-markup-ului de la Google - raportează absolut calm că nu există erori și nici avertismente în acest sens. ()

Fig 3 - Google nu vede erori de intrare

Pe site-ul nostru vom folosi micro-markupul recunoscut în unanimitate - schema.org, recunoscut de toate motoarele de căutare.

Acest standard este acceptat atât de Yandex, cât și de Google.

Prin urmare, micro-markupul hentry încorporat, care ne oferă 106 erori în Google Search Console - trebuie doar să îl ștergeți.

Din moment ce hentry este adăugat la bază wordpress - ce vă permite să îl eliminați prin filtre, deoarece aceste clase nu sunt vizibile în șabloane.

Cod sursă pentru a elimina hentry:

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

Codul trebuie adăugat la functions.php

Acest lucru se poate face prin orice metodă convenabilă, de exemplu, prin intermediul editorului din panoul de administrare al site-ului.

Figura 4 - Eliminarea marcajului hentry de pe întregul site

După salvarea fișierului și validarea din nou a paginii prin instrumentul de verificare a marcajelor Google, hentry-ul ar trebui să dispară.

Verificați câteva pagini care au erori pentru a vă asigura că hentry-ul este complet eliminat de pe site.

În Google Search Console, veți vedea o tendință pozitivă în reducerea numărului de erori. În timp, vor dispărea cu totul, trebuie doar să așteptați.

Figura 5 - dinamica pozitivă a reducerii erorilor de intrare

Cum se elimină eroarea:

EROARE: câmpul http://ogp.me/ns#image lipsește sau este gol

Fig 6 - Open Graph ns # error image

Trebuie să înțelegeți că erorile de acest fel sunt asociate cu micro-markup-ul deja scris. Adică, site-ul este fie încorporat, fie adăugat de cineva anterior micro-markup, care are erori.

Cel mai adesea acest lucru se întâmplă atunci când setare greșită plugin-uri care sunt direct sau indirect responsabile pentru micro-markup.

În cazul nostru, site-ul are un plugin - SEO Ultimate, care are o secțiune specială responsabilă cu marcajul Open Graph. Aceasta înseamnă că eroarea legată de http://ogp.me este conținută în pluginul SEO Ultimate.

Mergeți la următoarea cale SEO Ultimate -> Open Graph -> Valori implicite -> Imagine implicită

Găsim setarea imaginii, care va fi aplicată implicit pe acele pagini ale site-ului în care imaginea dorită nu va fi găsită.

Figura 7 - Cum se remediază eroarea de imagine Open Graph ns #

Adăugați adresa URL a imaginii pe care am dori să o vedem în mod prestabilit. Permiteți-mi să vă reamintesc că protocolul Open Graph este responsabil pentru afișarea de postări frumoase pe rețelele sociale, Facebook, Twitter, VKontakte și așa mai departe. Adică, această imagine, pe care ați setat-o ​​în mod implicit, va apărea în postările de pe rețelele sociale, în repostări și așa mai departe. Alegeți fotografii de marcă și respectabile.

După salvarea modificărilor, eroarea dispare.

Figura 8 - Open Graph ns # article error

Dar există încă o eroare legată de articolul despre prefix necunoscut.

Știm deja că pluginul SEO Ultimate este instalat pe site-ul nostru. Continuăm să sapăm în aceeași direcție.

Figura 9 - Cum se remediază eroarea articolului Open Graph ns #

Instalați Open Graph Type - Website.

Figura 10 - Marcare corectă a graficului deschis

După toate modificările, validatorul de marcare Yandex nu mai generează erori:

Figura 11 - Markup valid grafic deschis

Adăugarea de micro-markup pentru pesmet

Pesmetul este un lanț de verigi din pagina principala la pagina unde se află utilizatorul în prezent.

În primul rând, trebuie să analizați site-ul pentru prezența firimiturilor de pâine.

Orez 12 - pesmet pe site

Există pesmet pe site. Acum trebuie să înțelegeți cum sunt afișate. În codul sursă al pesmetului, găsim numele pluginului cu care funcționează - Breadcrumb NavXT 4.0.2

Figura 13 - Pesmetul este retras prin NavXT

Deschideți panoul de administrare al site-ului nostru și accesați editarea pluginului NavXT pentru Breadcrumb.

Figura 14 - Setări NavXT pentru pesmet

Suntem interesați de șabloane pentru diferite tipuri de pagini: pentru pagina principală, pentru un blog, pentru categorii și așa mai departe. Trebuie să înțelegeți că fiecare site va fi diferit.

În cazul nostru, suntem interesați de:

• Șablon de legare a paginii de blog
• Șablon Acasă
• Șablon de categorie de blog
• Șablon de legătură la categorie

Toate șabloanele au o vizualizare standard, cum ar fi:

Pentru a obține micro-marcajul corect, trebuie să marcăm acest cod sursă folosind standardul http://schema.org/BreadcrumbList

1. Rochii
2. Rochii reale

Să aruncăm o privire la ce elemente conține marcajul și cum ar trebui aplicate:

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

Acest element marchează începutul zonei de marcare. Tot ce va fi în interiorul acestui element va fi marcajul de pesmet.

În exemplu, elementul se află într-o listă numerotată - etichetă

Acest lucru este opțional, puteți utiliza

, sau alte etichete similare.

Trebuie să vă uitați la circumstanțe și să vă amintiți că din ce etichetă utilizați astfel de CSS și să vă conectați la pesmet. Adică aspect pesmetul dvs. depinde de etichetele pe care le încadrați http://schema.org/BreadcrumbList.

În cazul nostru, vom adăuga această linie de cod prin intermediul codului sursă al widgetului breadcrumb_navxt_widget.php

Deoarece acest fișier nu este disponibil prin editorul de cod standard al panoului de administrare WordPress, vom folosi accesul ftp prin filezilla.

Figura 15 - Setări pentru widget-ul NavXT Breadcrumb

Găsim o bucată de cod care este responsabilă pentru micro-markup și, în mod specific, avem nevoie de o etichetă care să încadreze acest markup.

Figura 16 - Codul care încadrează Breadcrumb NavXT

Astăzi vom învăța cum să recunoaștem faptul că persoana are activat AdBlock sau AdGuard și, în consecință, îi interzice accesul la site-ul web sau alte acțiuni, cum ar fi descărcarea unui fișier. Nu este un secret faptul că astăzi aproape toată lumea are filtre de publicitate pe internet instalate în browserele lor. În unele browsere cum ar fi Yandex AdBlock este deja inclus. Astfel de extensii blochează reclame pe YouTube sau pe site-urile dvs. web, astfel încât veniturile din publicitate nu mai vin ...

Trebuie să decideți ce veți face dacă o persoană are activat AdBlock.

Să încercăm să afișăm o suprapunere imensă pe întreaga pagină, care va spune „ Vă rugăm să dezactivați blocatorul de anunțuri AdBlock". Astfel, accesul la site-ul web va fi complet închis.

Creați un DIV cu un ID precum # spoof-overlay. Nu creați niciodată DIV-uri cu clase sau identificatori în care cuvântul anunț sau publicitate este prezent deoarece AdGuard va bloca chiar și acest bloc. În cadrul DIV-ului nostru vom scrie: vă rugăm să dezactivați AdBlock sau AdGuard pentru a accesa site-ul.

Vă rugăm să dezactivați AdBlock sau AdGuard pentru a accesa site-ul

Un conținut valoros ...

Acum, să adăugăm ceva stil la DIV-ul nostru.

# spoof-overlay (display: none; background-color: rgba (0,0,0,0.9); poziție: fix; stânga: 0; top: 0; lățime: 100%; înălțime: 100%; culoare: alb; text-align: center; font-size: 30px; font-weight: bold; padding-top: 17%; z-index: 99999;)

Conform standardului, vom scrie display: none;și vom modifica această proprietate în JavaScript, dacă brusc vizitatorul are un AdBlock. Este foarte ușor să verificați acest lucru.

Pentru a face acest lucru, vom crea două fișiere JS. Primul va fi chemat custom.js... Al doilea advert.js... Dați fișierelor dvs. exact aceleași nume. Anunț acesta este numele unei rețele publicitare populare. Adblock blochează toate bannerele și mesajele de publicitate ale acestora, așa că va lua scriptul advert.js pentru cel original. Adblock va crede că aceasta este o reclamă și nu o va executa. Și vom verifica faptul că executarea acestui fișier JavaScript și încărcarea acestuia. Dacă a încărcat, atunci totul este în regulă, dar dacă nu, atunci vom afișa informații că aceasta este o reclamă.

Să creăm o funcție simplă în fișier advert.jsși să-i spunem parodie:

Funcția spoof () (window.spoof_jdsfoodsfnsofnkwjspnf = true;) spoof ();

Verificarea prezenței unei proprietăți spoof_jdsfoodsfnsofnkwjspnfîn instalație fereastră... Dacă proprietatea este prezentă, atunci acest lucru va indica faptul că Adblok nu este. Deschiderea fișierului custom.jsși adăugați următorul cod:

JQuery (document) .ready (function () (if (typeof window.spoof_jdsfoodsfnsofnkwjspnf == "undefined") (// AdBlock sau AdGuard este activ! // Faceți tot ce dorim // De exemplu, afișați fereastra noastră de mesaje jQuery (" # spoof-overlay "). fadeIn (" lent ");)));

Descărcați scriptul terminat (4 KB)

Urmăriți versiunea video a lecției de la Howdy Ho