Adblock è un'estensione del browser che blocca gli annunci. Sembrerebbe che un tale plug-in sia progettato per la comodità dell'utente di Internet, ma il suo utilizzo è irto di insidie, come ad esempio:
- abilitato adblock, oltre alla pubblicità, può bloccare alcuni script, senza i quali non è possibile il lavoro a tutti gli effetti del sito. Adblock può bloccare moduli di commento, widget di feedback, contatori, pulsanti dei social media e altri plug-in.
- il plugin aumenta notevolmente il consumo di RAM e risorse di calcolo.
- non dimenticare che la pubblicità sul sito genera entrate per il suo proprietario e di solito i guadagni sul sito sono piccoli. Continuare a leggere. Il denaro guadagnato è necessario ai webmaster per mantenere le proprie risorse, poiché i blogger sono costretti a spendere per il contenuto dei siti. Questa è una commissione per un dominio, hosting, per la creazione di un design, nonché i costi di scrittura di articoli, pubblicità, ottimizzazione, ecc. Per sviluppare un sito Web, un webmaster ha bisogno di soldi. Questa è anche la motivazione per lavorare.
- il blocco non taglia tutti gli annunci, ma interferisce con il normale funzionamento del sito,
- il sito può essere visualizzato con campi vuoti: questi sono i luoghi in cui prima c'era un annuncio.
- alcuni webmaster stanno lottando con gli utenti di blocco degli annunci e non mostrano loro il loro contenuto (come farlo nel mio prossimo articolo)
A cosa può portare l'uso massiccio di Adblock da parte degli utenti di Internet:
- molti webmaster semplicemente abbandoneranno i loro siti e sarà molto più difficile trovare contenuti utili. "Come mai, hanno una vocazione? Ci devono ..." - chiedi. Questa è la vita e nessuno è debitore a nessuno. Se pensi che qualcuno dovrebbe investire denaro in modo che tu stia bene, il tuo lavoro e la tua anima, allora ti sbagli.
- la comparsa di un gran numero di truffe nella rete. Ovviamente non dirò che tutti i webmaster si rivolgeranno immediatamente ai truffatori, ma alcuni con un basso livello morale potrebbero iniziare a ingannare le persone. Onestamente, è impossibile fare soldi.
- Quei blogger che rimangono con i loro siti saranno costretti a monetizzarli in modo diverso e a trovare modi. Un'opzione già utilizzata spesso è nascondere il contenuto agli utenti con il blocco degli annunci abilitato o. Le opzioni di monetizzazione alternative sono un tentativo infinito di vendere prodotti e servizi. oltre a venderti le informazioni stesse. Si si! Dovrai pagare per le informazioni più spesso. È altrettanto facile nascondere il contenuto e mettere i pulsanti con il pagamento davanti ad esso, altrimenti dovrai pagare prima di scaricare qualsiasi file. Se vuoi Internet a pagamento, installa adblock. Con ogni nuova installazione, avvicini questo momento meraviglioso.
Come disabilitare il blocco degli annunci su un sito web
Se non puoi disattivare un ad blocker, puoi disabilitare Adblock sui siti i cui proprietari non abusano della monetizzazione.
Quando sei sulla pagina del tuo sito preferito, fai clic sull'icona adblock vicino alla barra degli indirizzi e seleziona "Non avviare su questa pagina di dominio". Si aprirà una finestra pop-up in cui è necessario fare clic sul pulsante "Escludi". Esiste un altro modo per consentire la visualizzazione degli annunci. Questo sta aggiungendo il sito alla whitelist del plugin. 
Quindi, il secondo modo è abilitare la visualizzazione di annunci sulle pagine di un sito specifico. Fare clic con il tasto destro su icona adblo a -> Impostazioni–> Mostra annunci su una pagina web o dominio-> inserisci l'indirizzo del sito nel campo libero -> ok
Come disabilitare Adblock in Opera
In Opera versione 12.17 e precedenti: seleziona i comandi Utensili –>estensioni –> Gestione delle estensioni(tasti di scelta rapida CTRL + Maiusc + E) -> disattivare opposto al plugin che desideri. Puoi anche eliminarlo. 
In Opera sopra la versione 12.17 - fai clic su Icona dell'opera(situato nell'angolo in alto a sinistra) -> estensioni–>Gestore estensioni(tasti di scelta rapida CTRL + Maiusc + E) -> disattivare... Qui puoi anche rimuovere l'estensione facendo clic sulla croce nel campo del plugin. 
Disabilita il blocco degli annunci in Google Chrome
Fare clic con il tasto destro su icona dell'estensione –> rimuovi da chrome o clic sinistro su icona –> metti in pausa il blocco degli annunci... Se hai disabilitato la visibilità dell'icona in precedenza, devi andare all'elenco delle estensioni: il pulsante Configurazione e gestione di Google Chrome(nell'angolo in alto a destra del browser) -> Strumenti aggiuntivi –> estensioni –> deseleziona la casella dalla casella di controllo accanto a "Abilitato" o invia il plug-in al carrello.
Rimuovere il blocco degli annunci da Firefox
Nel browser Mozilla Firefox, puoi anche disabilitare rapidamente il plugin facendo clic sull'icona -> Disabilita ovunque o vai alla lista dei plugin - Menù –> Supplementi-> scheda estensioni –> eliminare o disattivare
Rimuovi Ad Cutter e Android Phone
Qualunque sia l'applicazione che installi per rimuovere gli annunci su Android, viene trattata semplicemente rimuovendo l'applicazione stessa (premere a lungo sull'icona e trascinare nel cestino). 
Cos'è uBlock Origin?
Come disabilitare uBlock Original in qualsiasi browser
Guarda il videotutorial:
AdBlock è un grosso problema nel settore della pubblicità online di oggi. Il numero di utenti che bloccano i contenuti pubblicitari sta gradualmente aumentando, mentre il profitto dei proprietari di siti Web sta diminuendo. Numerosi abbonamenti consentono ai proprietari di estensioni di aumentare notevolmente l'elenco degli elementi indesiderati aggiungendo non solo annunci pubblicitari, ma anche, ad esempio, widget sociali o script per la raccolta di statistiche installati sulla pagina, il che aumenta notevolmente la privacy della navigazione e complica la coinvolgimento dei visitatori nel processo di integrazione del sito con i social network. Prima o poi, gli sviluppatori si trovano di fronte alla domanda: come verificare la presenza di AdBlock e ridurre al minimo i "danni" che provoca?
Come funzionano gli ad blocker
Da un punto di vista tecnico, AdBlock, uBlock Origin, AdGuard e altre estensioni del browser simili (di seguito denominate AdBlock) non bloccano gli annunci stessi, ma le corrispondenti richieste di rete: al caricamento della pagina, ogni connessione viene verificata rispetto all'elenco di quelli vietati e, se necessario, viene respinta. Negli stessi bloccanti, questo si chiama limitatore di sovratensione... Può contenere sia un elenco specifico di domini, ad esempio ad.mail.ru, sia parti dell'URL - /ucoz/img/uads/, che consente di bloccare le richieste anche se la maschera corrisponde.
Succede che, a causa del filtraggio, il sito perda le sue normali prestazioni o che le capacità del filtro di rete da sole non siano sufficienti per bloccare i contenuti indesiderati. Per fare ciò, gli elementi nascosti sono forniti nei blocchi - filtro cosmetico che viene applicato incorporando regole CSS ad alta priorità nel documento che nascondono aree pubblicitarie, solitamente utilizzando la proprietà display o in alcune situazioni aggiungendo l'attributo nascosto.
Il lavoro del filtro cosmetico uBlock Origin sull'esempio della pubblicità VKontakte: l'elemento #ads_left è forzatamente nascosto dal CSS in linea con un impressionante selettore di dimensioni.
Per i contenuti bloccati o nascosti è disponibile un'eccezione alla regola: se l'utente lo desidera, l'estensione può ignorare pubblicità discreta (accettabile)- banner, annunci e link che sono complementari ai contenuti principali, non si concentrano troppo su se stessi e in alcuni casi sono utili. Sfortunatamente, è praticamente impossibile per i siti normali entrare nella whitelist, il che significa che il blocco degli annunci è garantito per impostazione predefinita.
Ma la pubblicità non è l'unico oggetto di filtraggio. Il blocco di risorse esterne o il nascondere elementi dipende da abbonamenti inclusi nell'AdBlock personalizzato. Ogni abbonamento è specializzato in un tipo specifico di contenuto inappropriato e viene aggiornato periodicamente.
Abbonamenti popolari
I contenuti indesiderati, sulla base dei quali vengono compilati gli elenchi di filtri per gli ad blocker, possono essere suddivisi approssimativamente in gruppi. L'elenco non è esaustivo, ma copre i principali oggetti di filtrazione.
- Pubblicità - qualsiasi elemento della pagina, comprese le risorse collegate dall'esterno, negli identificatori, nelle classi e negli attributi di cui ci sono espressioni vietate dal filtro. Di solito, l'abbonamento viene compilato con un account regionale, ad esempio EasyList + RuAdList.
- Elementi di servizi sociali - pulsanti "condividi", widget di social network e altri elementi incorporati tramite l'API. L'elenco principale è.
- Elementi "fastidiosi" - contenuto ausiliario della pagina: pulsanti per abbonamenti, RSS, scorrimento verso l'alto; moduli per newsletter; blocchi con avvisi, informazioni sulla politica sulla privacy e sull'uso dei cookie, ecc. Tutto questo è contenuto nella Lista dei fastidi di Fanboy.
- Servizi di statistica: i contatori di traffico e gli script che tengono traccia del comportamento degli utenti non sono in realtà annunci pubblicitari, ma sono consigliati per il blocco al fine di aumentare la privacy. Tra questi elenchi, vale la pena evidenziare EasyPrivacy e RuAdList Counter regionali.
- Elementi "Anti-AdBlock" - banner, finestre modali e notifiche pop-up che vengono mostrate agli utenti con estensioni abilitate e sollecitano a disabilitare il blocco e/o limitare la funzionalità del sito. La risposta sono elenchi di tipo Filtro anti-AdBlock.
- Contenuti dannosi e fraudolenti: i siti che danneggiano il computer e l'utente sono bloccati con tutti i mezzi: motori di ricerca, antivirus, browser. Le estensioni anti-annuncio offrono anche filtri simili, come i domini malware.
- Regole di blocco personalizzate: l'utente può bloccare autonomamente una specifica richiesta di rete o nascondere un elemento nella pagina, che verrà registrato in un filtro separato.
Pertanto, l'elenco dei "candidati" per potenziali occultamenti o blocchi aumenta in modo significativo e sorge la domanda su come uno sviluppatore possa tenere conto di questo problema durante la codifica di un sito.
Layout tenendo conto di AdBlock
Gli abbonamenti periodicamente rinnovati con un numero enorme di regole di blocco non possono essere analizzati a fondo e, sulla base di essi, è impossibile elaborare ricette universali per il corretto layout dei contenuti che potrebbero cadere sotto l'influenza dei filtri. La soluzione più corretta sarebbe installare tutti i tipi di abbonamenti e controllare un sito specifico tramite i registri del blocco. Di seguito sono riportate le linee guida generali sul layout per i due tipi di contenuto più comuni: annunci e widget sociali.
Blocchi pubblicitari
A causa del fatto che il filtro cosmetico, analogamente al filtro di rete, funziona anche per maschera e verifica i nomi degli identificatori, delle classi e degli attributi degli elementi con quelli specificati nell'elenco, indipendentemente dal dominio, elementi quali, ad esempio, #adv, .ad-google, .banner125x125, .sponsor possono essere filtrati -logo, ae molti altri, quindi per evitare distorsioni del layout tali nomi non sono raccomandati per designare elementi nel markup HTML e per specificare il contenuto dell'href , attributi src nei link, nelle immagini e nei frame: verranno nascosti per impostazione predefinita, anche se lo sviluppatore non intende per loro contenuti pubblicitari.
Per ridurre al minimo gli effetti dei filtri cosmetici, occorre prestare attenzione per garantire che i contenuti che potrebbero essere potenzialmente nascosti contenitore genitore con la sua larghezza e altezza equivalenti, che è particolarmente utile per unità pubblicitarie relativamente grandi:
Utilizzando questa semplice tecnica, quando un elemento rientra in un filtro, al suo posto appare uno spazio vuoto, che può essere utilizzato, ad esempio, per visualizzare un segnaposto o dalle regole di blocco.
È importante che AdBlock analizzi anche gli attributi degli elementi, pertanto si consiglia di sostituire i collegamenti il cui href contiene un'indicazione esplicita di pubblicità tramite servizi di accorciamento degli URL e il contenuto dell'attributo src delle immagini dovrebbe essere convertito in base64, se possibile:
Widget sociali
Quasi tutti i "social script" più diffusi sono bloccati sia dai filtri cosmetici che da quelli di rete: l'abbonamento menzionato Lista di blocco sociale di Fanboy contiene un numero significativo di nomi di classi e identificatori che vengono spesso utilizzati durante la codifica di blocchi che includono widget sociali: .b-share, .article__footer-share-title, .connect-icons e molti altri, oltre a maschere per script esterni, per esempio, /fbshare .js, /share42.js, /twitter.js.
AdBlock è il motivo per nascondere non solo gli annunci, ma anche i blocchi con i pulsanti social. Il filtro cosmetico predefinito aggiunge display: none a un elemento con classe .article__share. Per limitare le azioni dei filtri su tali elementi, gli sviluppatori dovrebbero, se possibile, abbandonare le soluzioni popolari a favore dei propri script (ad esempio, crearli da soli) e utilizzare in modo più selettivo i nomi per indicare il contenuto nel markup. Lo stesso vale per le immagini utilizzate, di regola, come icone social:
Ovviamente non è sempre possibile "salvare" i contenuti dal blocco, e la cosa migliore da fare in una situazione del genere è chiedere all'utente di escludere il sito dai filtri AdBlock. Non è necessario utilizzare JS per visualizzare la chiamata: è sufficiente applicare semplici tecniche CSS, che verranno discusse di seguito. Ma prima, vale la pena considerare la questione del contenuto e del luogo di comparsa dell'appello sulla pagina, poiché il suo obiettivo principale non è solo attirare l'attenzione del visitatore, ma anche ottenere il consenso.
Come chiedere correttamente all'utente di disabilitare AdBlock?
Per inviare notifiche e richieste (o link ad esse) per includere il sito in un'esclusione dal filtraggio, si consiglia limitarsi allo spazio in cui avrebbe dovuto apparire l'annuncio, poiché essere guidati dal principio “spegni AdBlock o esci” e privarti con la forza della possibilità di utilizzare normalmente il sito significa perdere la fedeltà dei tuoi visitatori.
Quando disabilitare AdBlock è un prerequisito categorico, demotiva e costringe il visitatore a cercare altri siti o, se non ha altre opzioni, a passare del tempo aggirando tale blocco nascondendo manualmente elementi intrusivi dalla pagina.
Un esempio della corretta visualizzazione di una richiesta di disabilitazione di AdBlock su Habré. Il link al ricorso è discreto ed è posto rigorosamente al posto del banner pubblicitario. L'indirizzo corretto (o il riferimento ad esso) dovrebbe essere discreto, ovvero non focalizzare troppa attenzione su se stesso, ma allo stesso tempo essere visibile all'utente. È auspicabile fornire argomenti convincenti nel testo: ad esempio, indicare la dipendenza delle entrate pubblicitarie e il costo di manutenzione del sito. Infine, il sito stesso deve essere utile e importante per l'utente. Esattamente contenuti di qualità e la capacità di dare al visitatore ciò che sta cercando sono i principali fattori di fidelizzazione del pubblico. Pertanto, nel rivolgersi all'utente, è consigliabile sottolineare ciò che esattamente il sito gli offre in cambio di fedeltà e quali costi o sforzi degli sviluppatori sono associati alla fornitura di alta qualità di queste informazioni, beni, servizi.
Ciò può essere illustrato dall'esempio di una richiesta della comunità IT menzionata, anche un piccolo frammento della quale riflette un atteggiamento rispettoso nei confronti dei partecipanti:
Invece di essere discreti e discreti in una parte specifica del sito, gli sviluppatori utilizzano spesso modali a posizionamento fisso di grandi dimensioni che oscurano l'intera finestra. Non è consigliabile ricorrere a questo per almeno due motivi:
- 1. Un utente più o meno esperto, se lo desidera, può facilmente nascondere con un filtro cosmetico quasi tutti gli elementi del sito che interferiscono con lui, inclusa una tale finestra modale.
- 2. Questa tecnica è dannosa dal punto di vista SEO, poiché può essere vista dai robot di ricerca come un cloaking, un tentativo di nascondere i contenuti.
In conclusione, sulla questione della corretta formulazione della richiesta, va sottolineato che la pubblicità stessa non deve essere abusata - AdBlock era originariamente inteso come risposta a contenuti fastidiosi. Enormi banner lampeggianti a metà pagina, posizionati al centro dello schermo, spaventeranno anche gli utenti più fedeli che decideranno di escludere il sito dai filtri.
Conclusione di una richiesta per disabilitare AdBlock su CSS
Ci sono almeno due semplici opzioni per implementare l'output messaggi che ti chiedono di disabilitare AdBlock in puro CSS senza JavaScript: tramite: pseudo-classe vuota e impilando due elementi uno sopra l'altro tramite le proprietà position e z-index. La prima opzione è più probabile per un limitatore di sovratensione, la seconda è più versatile, poiché potenzialmente tiene conto anche dell'effetto di un filtro cosmetico.
Aggiunta di uno pseudo elemento al contenitore padre
Se lo script che genera il contenuto dell'annuncio e lo inserisce nel blocco vuoto specificato non viene caricato a causa del filtro di linea, allora questo contenitore rimarrà senza figli e la pseudo-classe vuota continuerà a funzionare per esso. In modo banale, ciò può essere dimostrato come segue:
Nell'esempio, il file JS esterno inserisce un nuovo elemento nel blocco con l'attributo data-insert. Se lo script non viene caricato a causa di un filtro di rete, all'elemento .container verranno applicati gli: stili di pseudo-classe vuoti:
Tuttavia, questo metodo non tiene conto della situazione in cui lo script dell'annuncio ha caricato, generato e inserito gli elementi necessari nel contenitore desiderato, ma in seguito sono stati nascosti dal filtro cosmetico.
Sovrapporre un blocco sopra un altro
Se l'unità pubblicitaria non viene visualizzata a causa del filtro cosmetico, ovvero un elemento con un annuncio pubblicitario all'interno viene forzatamente nascosto da display: nessuno! importante, quindi la: pseudo-classe vuota diventerà inutile:
Per risolvere il problema, si propone di creare elemento aggiuntivo che contiene direttamente un messaggio che ti chiede di disabilitare il blocco degli annunci, ma posizionalo su un livello sottostante, ovvero posizionalo sotto l'unità pubblicitaria in modo che sia visibile solo quando il display: nessuna regola è stata applicata all'annuncio visivamente sovrapposto unità. Per fare ciò, è necessario eseguire semplici manipolazioni con le proprietà position e z-index:
A differenza del caso precedente, quando si doveva operare solo con gli stili per gli pseudo-elementi :: prima e :: dopo, questo approccio amplia le possibilità di stilizzare e modificare una notifica, che è già un elemento DOM a tutti gli effetti, e quindi , per analogia con come è implementato in Habré , oltre al testo normale, puoi aggiungere un pulsante o un collegamento a un appello completo all'utente nel blocco:
JSFiddle non disponibile senza JavaScript
L'unico inconveniente di questa tecnica è che un elemento .request posizionato in modo assoluto sarà limitato all'area del suo genitore, quindi questo codice è inappropriato se è necessario visualizzare un modale al centro dello schermo e l'ombra che occupa l'intera finestra. Non puoi fare a meno di JavaScript per risolvere questo tipo di problema.
Come verificare AdBlock tramite JS?
I meccanismi della rete e i filtri cosmetici aprono la possibilità agli sviluppatori di determinare la presenza di estensioni AdBlock tramite JavaScript: lo stato di caricamento dello script connesso alla pagina è monitorato dagli eventi onload e onerror o dalla possibilità di chiamare correttamente i metodi e le funzioni in esso contenute, e la visibilità dell'elemento avviene attraverso l'analisi delle proprietà CSS applicate al suo display. Sulla base di questo, ci sono diversi modi Rilevamento AdBlock.
Utilizzo di uno script esterno
La prima opzione è quella di collegare uno script esterno alla pagina con un nome adatto alla maschera di filtraggio e al contenuto che sarà necessario verificare per l'esecuzione. Ad esempio, un file denominato ads.js potrebbe contenere solo una variabile:
// ads.js var adb = "";
Di conseguenza, quando l'ad blocker è abilitato, il file ads.js non verrà caricato e la variabile adb dichiarata al suo interno non esisterà. Il controllo dell'esecuzione dello script è una condizione banale che deve essere posta sotto il file incluso:
If (typeof adb === "undefined") (// AdBlock è attivo) else (// AdBlock è disattivato)
La seconda opzione è simile alla prima: lo script ads.js esterno può essere vuoto (ma non restituire un errore 404) e il controllo per il blocco consiste nell'aggiungere eventi onload o onload, che verranno elaborati da una funzione separata con un parametro, ad esempio adsLoaded (status ):
Var adsLoaded = function (status) (if (status === false) (// AdBlock abilitato) else (// AdBlock disabilitato))
Nel documento HTML, lo script del plug-in deve avere i gestori appropriati:
Lo svantaggio di questi metodi è la creazione di un file separato e una richiesta aggiuntiva al server.
Controllo della visibilità di un elemento
Questo approccio non implica la creazione di script esterni o il tracciamento dello stato del loro caricamento: il controllo viene effettuato su un elemento specifico analizzando la proprietà di visualizzazione CSS ad esso applicata. Considerando il ritardo nell'inizializzazione del filtro cosmetico per il blocco degli annunci, ha senso utilizzare il metodo getComputedStyle() per controllare il valore finale calcolato e attendere che la pagina e le risorse esterne siano completamente caricate:
Window.addEventListener ("load", function () (if (window.getComputedStyle (document.getElementById ("my-adv")). GetPropertyValue ("display") === "none") (// AdBlock abilitato) else (// AdBlock è disabilitato));
Questo è il modo più ottimale per controllare il blocco non solo degli annunci, ma anche di qualsiasi altro contenuto.
Funzioni degli script pubblicitari
Gli script pubblicitari hanno i propri metodi e funzioni che non possono essere chiamati quando un file esterno non è disponibile. Ad esempio, Google Adsense crea un oggetto google_jobrunner e incorpora annunci tra gli elementi con la classe .adsbygoogle:
Document.addEventListener ("load", function () (if (typeof window.google_jobrunner === "undefined" || document.querySelector ("ins.adsbygoogle"). InnerHTML.replace (/ s / g, ""). length === 0) (// AdBlock abilitato, script Adsense bloccato)));
Verifica di AdBlock con la definizione degli abbonamenti
Dopo aver analizzato quali elementi vengono filtrati dal blocco, puoi fare un'ipotesi sulla disponibilità dei corrispondenti tipi di abbonamenti per l'utente. La diminuzione dell'accuratezza della definizione è influenzata da due fattori: un elenco di filtri personalizzati e un gran numero di abbonamenti "ufficiali", le cui regole di blocco spesso si sovrappongono.
L'essenza del controllo è creare sulla pagina invisibili all'utente, ma visibili agli elementi "falsi" di AdBlock con identificatori, classi e attributi che indichino l'appartenenza a un determinato gruppo di contenuti. Gli articoli che cadono sotto l'influenza del filtro cosmetico testimonieranno a favore della presenza del corrispondente tipo di abbonamento, cioè, in generale, indicheranno quale tipo di contenuto viene bloccato dall'utente:
Per non sporcare il DOM con spazzatura non necessaria, gli elementi dovrebbero essere rimossi immediatamente dopo la convalida.
JSFiddle non disponibile senza JavaScript
Come puoi vedere dall'esempio, la funzione adbCheck() restituisce un oggetto, quindi se necessario, puoi fare riferimento solo alla proprietà di interesse:
Risultato Var = adbCheck (); risultato.ads_block; // risultato pubblicitario.cnt_block; // conta il risultato.soc_block; // widget sociali result.ang_block; // elementi fastidiosi result.ant_block; // elementi anti-adblock result.scm_block; // siti fraudolenti
Infine
Prendere in considerazione le azioni dei filtri AdBlock è un indicatore di un layout di alta qualità del sito e tenere conto del segmento di visitatori che non solo non vede annunci pubblicitari, ma anche, molto probabilmente, non può utilizzare widget sociali di condivisione e non lo è conteggiate da contatori di visite e altri servizi di statistica. È una gamma così ampia di oggetti di filtraggio - dagli script pubblicitari ai pulsanti social e agli elementi di tracciamento - che gli abbonamenti popolari forniscono oggi. Vale la pena prestare particolare attenzione al controllo di AdBlock sui siti che si basano sulle entrate pubblicitarie o utilizzano pesantemente i widget sociali. A sua volta, un appello corretto, discreto e discreto a un visitatore può seriamente contribuire a una revisione del suo atteggiamento nei confronti dei contenuti bloccati.
Uno degli argomenti più acuti e urgenti tra i programmatori web e i proprietari di risorse Internet oggi è l'ottimizzazione seo. Affinché il sito raggiunga le prime pagine delle query di ricerca di "Yandex" o Google, è necessario svolgere un lavoro colossale sulla sua creazione e promozione.
A cosa serve il markup semantico?
Puoi adattare la risorsa per un utente normale con l'aiuto di contenuti pertinenti e interessanti. Ma affinché l'utente possa trovare questa risorsa, è necessario ottimizzare il sito per il motore di ricerca. Come farlo?
A differenza di una persona, non può riconoscere di cosa tratta il sito Web senza determinati suggerimenti. Analizza i contenuti, individua determinati schemi, individua le parole chiave, ma senza l'intelligenza umana non riesce a capire il significato di ciò che è scritto. Per renderlo più facile, i programmatori hanno inventato semantica o micro-markup per Yandex e Google. Proprio come l'ipertesto dice alla macchina cosa posizionare e dove, il markup semantico spiega chi o di cosa tratta una risorsa. Grazie a questa comprensione, il sito si posiziona meglio tra i concorrenti e ha maggiori possibilità di arrivare alle prime righe delle query di ricerca.
Un esempio di markup semantico
Il micro-markup "Yandex" e Google è particolarmente efficace nell'influenzare la promozione di siti commerciali che offrono beni e servizi. Il seguente esempio lo spiegherà più chiaramente.
È necessario creare un micro-markup per un sito Web di biglietti da visita per la fornitura di servizi di parrucchiere per cani. Apparirà così:
Tipo di oggetto - Barbershop,
Nome: un parrucchiere per cani.
La prima riga contiene l'area operativa del sito e la seconda un oggetto specifico. Una pagina con uno script del genere sarà più in alto nella scala di ricerca rispetto a una simile senza di essa, poiché il motore di ricerca la considererà più pertinente al concetto di "barbiere per cani", e non solo "barbiere".
Il micro-markup creato con l'aiuto di Yandex.Webmaster ti consente di prescrivere molti parametri: luoghi di vendita, orari di apertura, contatti, brief o servizi e molto altro.
Dove viene utilizzato il markup semantico?
Sempre più risorse si stanno sforzando di fornire all'utente materiale lavorato di alta qualità. Più il significato sarà vicino a quello desiderato, maggiore sarà l'efficienza del sito. Pertanto, oggi il micro-markup viene utilizzato attivamente:
- Siti commerciali per la promozione di beni e servizi.
- Libri di riferimento online ed enciclopedie per creare collegamenti multilivello tra gli articoli.
- Social media per dettagliare profili, eventi e altri contenuti.
Schrema.org standard uniforme
La creazione del markup semantico ha portato alla necessità di un unico standard per tutti i motori di ricerca. È il micro-markup "Yandex" e Google - schrema.org. Semplifica il processo di creazione di una breve descrizione (snippet) che vediamo quando la pagina viene visualizzata nei risultati di ricerca. Queste informazioni possono includere informazioni importanti sul sito che aiuteranno l'utente a decidere se visitare o meno questa pagina.
A proposito, il numero di elementi e dizionari in schrema è enorme, quindi può essere utilizzato per siti di quasi tutti gli argomenti.
Standard grafico aperto
Oltre ai motori di ricerca Google e Yandex, per i social network è richiesto anche il micromarkup di beni, servizi, contenuti multimediali e informativi. Per loro, Facebook ha ideato uno standard Open Graph unificato. Questo markup ti consente di controllare come verrà presentato il sito nel feed delle notizie del social network. Inoltre, oggi puoi creare bellissimi collegamenti con esso non solo su Facebook, ma anche su Google+, VKontakte, Twitter. Per una bella visualizzazione di quest'ultimo, tra l'altro, vengono utilizzate anche le Twitter Card.
Quale micromarkup scegliere?
In effetti, né Yandex né Google danno più preferenza a qualsiasi standard quando si classifica un sito. Il caso d'uso classico è schrema.org, che è il più completo, moderno e in continua evoluzione.
Dizionari di micro-markup
Abbiamo definito cos'è il micro-markup Yandex. Come ti assicuri che visualizzi le informazioni di cui hai bisogno? Per questo, viene utilizzato un concetto come un dizionario di micro-markup. È un insieme di elementi, tag e sintassi, con l'aiuto del quale l'attenzione di un motore di ricerca si concentra su qualcosa.
Ogni standard ha i propri vocabolari ed elementi. Ci sono diverse parole chiave in schema.org con la loro enorme gerarchia e tipi di visualizzazione. Ad esempio, il dizionario Thing consente di rappresentare le informazioni in 3 proprietà principali:
- alternateName - per l'alias (alias) dell'oggetto;
- descrizione - per una descrizione testuale dell'oggetto;
- immagine - per un'immagine o un collegamento ad essa.
O il Dizionario delle buone relazioni, che sarà particolarmente utile per i mercati online. Ti consente di pubblicare dati su prezzi, luoghi di acquisto, disponibilità e altro.
Dizionario FOAF - micro-markup per i contatti Yandex e Google. Questo è un questionario che hai compilato milioni di volte su vari siti - il tuo nome, le coordinate, la pagina sui social network, la posta, la data di nascita, ecc. Questa conoscenza convincerà l'utente a seguire il link, offrendogli qualcosa che potrebbe interessarlo. Pertanto, il traffico del sito Web può essere aumentato.
Per una descrizione dettagliata delle informazioni audio e video - artista, nome dell'album, durata - viene utilizzato il micro-markup VideoObject.
C'è anche un markup per i messaggi di posta, che consente all'utente, senza dover passare a un'altra pagina, di accettare un appuntamento o lasciare un commento sotto l'articolo, ad esempio.
Cos'è un validatore
Qualsiasi promozione su Internet richiede un'analisi approfondita e approfondita della sua efficacia. Puoi controllare il micro-markup Yandex utilizzando un validatore, un software che riconosce i metadati sulle pagine web. È possibile verificare la correttezza di documenti di qualsiasi formato: HTML, XHTML, RSS, XML, in qualsiasi lingua.
Il micro-markup Yandex è controllato da qualsiasi validatore che supporti i formati di microdati Schema.org, HTML, Open Graph, RDF.
Come controllare il micro-markup di Google
Puoi scoprire quanto è buono il tuo sito nella ricerca di Google in diversi modi. Per un utente esperto che conosce bene le impostazioni nascoste dei webmaster di Google, è adatto il Rich Snippet Tool, disponibile solo dal link.
Un altro modo è installare il plugin Seo by Yoast. È facile da usare e sarà disponibile dopo l'installazione nel pannello superiore del webmaster.
Il terzo modo è selezionare "Altre risorse" nella barra degli strumenti sul sito Web di Google Developers, fare clic sul pulsante "Strumento di convalida dei dati strutturati" e specificare la pagina html che si desidera controllare. Quando il robot calcola lo script dato, riceverai un rapporto dettagliato con eventuali errori e spiegazioni.
Come controllare il markup Yandex
Con questo motore di ricerca, tutto è un po' più semplice. Il validatore di micro-markup Yandex si trova negli strumenti dei webmaster, nella scheda "I miei siti". Qui è necessario fare clic sul pulsante "Verifica markup" e inserire l'URL del sito e il validatore inizierà a calcolare gli errori. In pochi minuti riceverai una delle tre opzioni di risposta:
- Microdati non trovati.
- Ci sono errori.
- Il micromarkup è pienamente conforme allo standard.
In quali casi vengono visualizzate informazioni sul markup errato?
Yandex.Webmaster, un validatore di micro-markup, visualizza un messaggio di errore in due situazioni:
- Quando non riconosce il markup.
- Quando il micro-markup non soddisfa lo standard.
In ogni caso, il programma visualizzerà i dettagli dell'errore, in base ai quali è possibile giudicare quali campi obbligatori nel markup sono stati omessi o quale attributo è stato omesso.
Potrebbe anche dare un messaggio: "non è stato possibile caricare la pagina". Indica un errore del server o una pagina inesistente.
Se il micro-markup Yandex viene eseguito con un errore sconosciuto o non sai come risolverlo, puoi sempre contattare Yandex.Webmaster per assistenza.
Dopo il completamento della convalida, il nuovo markup apparirà entro 2 settimane.
In che modo il micro-markup influisce sul posizionamento di un sito?
Hai contrassegnato la tua risorsa secondo tutte le regole e il validatore di micro-markup Yandex ha mostrato che tutto è stato fatto senza errori. Di quanti punti il tuo sito salirà nella scala di ricerca?
Il markup semantico influisce solo indirettamente sulla pertinenza e non puoi dire il numero esatto di posizioni a cui aumenterà il sito. Tuttavia, il micro-markup è uno dei fattori chiave per attirare l'attenzione dell'utente. Uno snippet interessante e attraente porterà più visitatori e la posizione del sito crescerà. Il resto dipenderà dal contenuto e dalla pertinenza della risorsa.
Vantaggi del micro-markup
Oltre alla visibilità della risorsa, il micromarkup aumenta notevolmente il peso e la qualità del sito tra i concorrenti. Vale la pena evidenziare i seguenti vantaggi del markup:
- Aumenta la fiducia da parte dei motori di ricerca, è più facile per un robot di ricerca evidenziare gli elementi principali di una pagina, il che significa che diventa più facile per loro indicizzarci. Se descriviamo questo processo in un modo molto semplificato, allora possiamo dire che il motore di ricerca è contento che gli apriamo il cuore del sito, i nostri segreti interni e la sua fiducia in noi aumenta.
- Agli occhi del consumatore, i siti con snippet sembrano non solo più evidenti, ma anche di qualità superiore. Di conseguenza, tali risorse vengono cliccate più spesso, il che significa che il CTR nei risultati di ricerca o la percentuale di clic aumenta.
- Il proprietario ha un'opportunità unica di mostrare informazioni che verranno notate, anche se l'utente non è andato al sito.
- Le informazioni sullo snippet possono sempre essere modificate e ciò non influirà sulla posizione della risorsa nell'elenco.
Ma, naturalmente, durante la promozione seo, non dovresti soffermarti solo sullo sviluppo del micro-markup. È imperativo avere contenuti utili e unici, ma non solo. Ci sono molti più fattori che influenzano l'ascesa di un sito nella classifica dei motori di ricerca "Yandex" e Google.
Altri modi per promuovere il tuo sito
La promozione interna, che include il micro-markup "Yandex" e Google, ha diverse direzioni:
- l'uso di parole chiave nel dominio e nelle intestazioni del sito;
- la presenza di parole chiave nella pagina stessa, la loro distribuzione uniforme nel testo, la posizione nei sottotitoli, i tag;
- corretto markup HTML privo di errori (verificato utilizzando gli strumenti Yandex Webmaster);
- la presenza di megatag (parole chiave, descrizione, ecc.), che indicano l'essenza della pagina al motore di ricerca;
- linking - ovvero link ad altre pagine del sito;
- struttura del sito semplice che ti permette di passare alla pagina principale con un clic;
- design memorabile e chiaro;
- lavorare con i social network, la capacità di consigliare le informazioni che ti piacciono agli altri;
- disponibilità della mappa del sito;
- contenuti unici, interessanti e regolarmente aggiornati, utili e rilevanti per il lettore;
- CMS ottimizzato per un caricamento delle pagine rapido e senza errori.
Oltre alla promozione interna, il lavoro dovrebbe essere svolto con fattori esterni. Un programmatore web dovrebbe monitorare regolarmente se i link al sito vengono visualizzati su altre risorse, quanto sia significativa e autorevole questa massa di link (questo processo viene determinato utilizzando quelli tematici e ponderati. Uno dei metodi di citazione esterna è anche il posizionamento di banner pubblicitari della risorsa.
Secondo le ultime ricerche, uno dei modi più efficaci per promuovere è discutere o menzionare un sito sui social media. Il motore di ricerca vede il movimento attivo di queste informazioni e le percepisce come rilevanti e richieste, aumentando così il rating della risorsa.
Per i negozi online, è efficace utilizzare commenti e recensioni dei clienti, sia sul sito stesso che su forum tematici, portali con recensioni, ecc.
Invece di una conclusione
La promozione online è un processo complesso e multiforme che richiede un lavoro intenso su vari fattori esterni e interni. Questo non vuol dire che nessuno dei metodi di cui sopra sia assolutamente corretto, ed è lui che porterà il tuo sito in cima. Trovarsi nelle prime righe delle query di ricerca è possibile solo con un lavoro complesso su tutti gli aspetti della promozione seo, in particolare, il micro-markup dovrebbe avere un ruolo enorme.
È molto importante comunicare al motore di ricerca che stai cercando in tutti i modi di semplificare la sua selezione e farlo non solo per il bene di un punteggio elevato, ma anche per la comodità dell'utente, più precisamente, prima di tutto, in modo che una persona trovi queste informazioni su Internet.
Yandex e Google sono direttamente interessati al fatto che l'utente riceva le informazioni necessarie, il che significa che più fedele è la tua risorsa, maggiori sono le sue possibilità di ottenere un posto in cima.
Non importa che tipo di markup usi - OpenGraph, schrema.org o qualche altro, la cosa principale è che viene eseguito senza errori ed evidenzia i punti chiave delle pagine delle risorse. Controllalo regolarmente con un validatore, conduci un'analisi approfondita di ogni aspetto della tua attività e poi ti aspettano grandi risultati!
Molti hanno sentito parlare di micro-markup, ma non l'hanno mai usato. Il motivo principale è la mancanza di comprensione di cosa sia e perché è necessario. Ora ti diremo tutto in ordine.
Il markup semantico o micro-markup è stato introdotto dai motori di ricerca in tempi relativamente recenti. (Dal 2011)... L'obiettivo principale è rendere il sito più comprensibile per il motore di ricerca. Facciamo subito un esempio.
È importante per un motore di ricerca capire se sul sito è presente o meno un numero di telefono. Molto dipende da questo. Il telefono può essere trovato dalla maschera +7 xxx xx-xx-xx e simili. Non c'è difficoltà in questo. Ma come si fa a distinguere un telefono da un fax? Se il sito stesso non "dice" quale numero si riferisce a cosa, allora è impossibile farlo.
La stessa difficoltà esiste con il testo. Come si riconosce una ricetta da un articolo di cucina?
Per risolvere questi problemi, è stato creato il markup semantico del materiale. Per non complicare la vita dei web master è stato creato un formato estremamente semplice, molto simile al layout.
Facciamo l'esempio più semplice:
Supponiamo di avere un estratto dal layout di una pagina di contatto:
Tutto è standard, non ci sono difficoltà.
E ora un esempio dello stesso estratto, ma con codice contrassegnato.
Contatti Agenzia DH:
Indirizzo: San Pietroburgo st. Fedeltà 6
Telefono: +7 000 00–00–00 / span>, Fax: +7 000 00–00–00, E-mail: luogo
Abbastanza semplice e intuitivo, vero? Hai solo bisogno di conoscere la sintassi. Tutto il markup viene eseguito nel codice del sito, non è necessario creare file aggiuntivi.
Risponderemo immediatamente alle domande più frequenti.
Perché un sito web ha bisogno di micro-markup?
Se il motore di ricerca capisce quale materiale è presente sul sito, cercherà di rendere gli snippet il più attraenti possibile. Organizza il prezzo, i termini, le risposte/domande, le recensioni, ecc.
Ad esempio, Yandex può scrivere il prezzo di un prodotto accanto al tuo sito web.
Inoltre, il micromarkup aiuta a comprendere più accuratamente i fattori commerciali: numeri di telefono, indirizzi, prezzi e simili.
La presenza di markup influisce sulla posizione del sito?
Non vi è alcuna influenza diretta sulla posizione e sulla "visibilità" del sito. Tuttavia, ci sono ragioni indirette:
- Il micro-markup influisce sugli snippet e rende il sito più visibile nei risultati di ricerca. Il che alla fine porta ad un aumento del traffico, a parità di altre condizioni.
- Yandex e Google adorano i siti di alta qualità e comprensibili. Il micro-markup è un altro passo per mettere in ordine il sito.
Tutti i siti ne hanno bisogno?
Sì, tutti. Il markup dei contatti e di altri elementi fondamentali è auspicabile per qualsiasi risorsa. Ma non per tutti i tipi di beni e servizi, puoi trasferire i dati in frammenti. Ad esempio, attualmente supportato:
- Ricette culinarie;
- Domande e risposte;
- Recensioni;
- Prezzi vantaggiosi;
- Descrizioni delle merci;
- Alcune altre categorie.
Che tipi ci sono?
Ci sono diverse opzioni (sintassi) per dire al robot cosa c'è sul tuo sito. Il markup più comune e utilizzato è il markup "basato su regole" di shema.org. Questo è ciò che consiglia Yandex.
Oltre a questo markup, c'è anche (sviluppato da Facebook). Questo tipo di markup è più focalizzato sui social. reti ed è utilizzato da VK, FB, Twitter, Google Plus e altri.
Esiste anche un altro formato: JSON-LD, ma viene utilizzato solo da Yandex Mail. Non sarà possibile modificare le informazioni negli snippet con il suo aiuto.
Separatamente, vorrei dire di. Questo è lo stesso modo di markup semantico del contenuto, ma è abbastanza diverso da tutti i precedenti. I microformati sono piuttosto popolari. Ne scriveremo di seguito.
Schema.org
Schema.org è il formato di micro-markup più popolare compreso da tutti i motori di ricerca più diffusi. Il formato consente di descrivere centinaia di entità diverse e di raccontare le loro proprietà.
Il markup inizia creando un "contenitore" in cui verranno posizionati tutti i dati. Sembra così:
I tuoi dati si troveranno qui
Russia, San Pietroburgo, st. Fedeltà
La sintassi dettagliata è disponibile sul sito Web ufficiale - http://schema.org. (Non una traduzione ufficiale in russo - http://ruschema.org)
Apri grafico
Questo markup è utilizzato da tutti i social network più diffusi: VKontakte, Facebook, Twitter, Linkedin. Yandex utilizza Open Graph per trasferire i dati al suo servizio video.
Oltre a formare un'anteprima, questo formato è adatto agli sviluppatori di applicazioni.
Sintassi e dettagli possono essere trovati sul sito ufficiale - http://ogp.me
Microformati
Questo è un modo abbastanza popolare di markup semantico per le pagine HTML. Consente ai motori di ricerca di comprendere i significati semantici dei contenuti. È stato realizzato in un modo piuttosto "insolito". Per inviare informazioni al robot di ricerca, all'elemento viene assegnato l'attributo "classe", che ha un valore simile al nome della proprietà. Ad esempio, l'indirizzo sarà simile a questo:
Russia, San Pietroburgo, st. Fedeltà 6
A differenza di altri formati, non è necessario scrivere tag "extra".
I microformati sono utilizzati da molti servizi in tutto il mondo, incluso Yandex. È vero, va detto che al momento Yandex non supporta tutti i microformati. (un elenco aggiornato dei formati supportati è disponibile su Internet)
Informazioni dettagliate sulla sintassi sono disponibili sul sito Web ufficiale - http://microformats.org/wiki/Main_Page
Qual è il formato migliore da usare?
Yandex assicura che non gli importa quale formato usi. Ma consiglia di usare schema.org.
Esempi di
Forniremo solo esempi per il più popolare schema.org. Se scegli un analogo per il tuo sito, puoi sempre trovare esempi su Internet e sui siti ufficiali di microdati.
Un esempio di micromarcatura dei contatti:
Le informazioni di contatto devono essere contrassegnate su tutti i siti, senza eccezioni. Ciò consentirà al motore di ricerca di comprendere i fattori commerciali, oltre a strutturare lo snippet.
Con micro-markup
Informazioni sui contatti:
Indirizzo della fabbrica: Mosca st. Lenin 140
Telefono: +7 945 00–00–00 / span>, Fax: +7 945 00–00–00, E-mail:
Un esempio di microdati di prodotto:
Il micro-markup è più efficace quando si descrivono le merci. Lo snippet mostra il prezzo, i vantaggi, la descrizione del prodotto e altre informazioni importanti.
Con micro-markup
Riccio di peluche "Uf Uf" Fabbrica di ricci di peluche "Subito" Numero modello 964893NM Una descrizione testuale del prodotto.
Costo delle merci Venditore di merci
Un esempio di micro-markup dell'articolo:
Il codice si è rivelato piuttosto grande, ma questo è un markup completo dell'articolo. Questo è esattamente ciò che dovrebbe essere. Il micro-markup dell'articolo ti consente di rendere lo snippet più strutturato e leggibile.
Con micro-markup
Un esempio di micro-markup "briciole di pane"
Nonostante il fatto che non tutti gli utenti utilizzino i breadcrumb, devono essere contrassegnati. Il micro-markup non solo consentirà al motore di ricerca di navigare meglio nel tuo sito, ma visualizzerà anche un elenco di sottosezioni nello snippet, che attirerà l'attenzione.
Con micro-markup
- Sezione principale
- Suddivisione di livello 1
- Suddivisione di livello 2
Google e Yandex non consentono ai webmaster di dormire sonni tranquilli - quindi introducono nuove modalità di ranking dei siti nella SERP - di quest'ultimi, tenendo conto dell'adattabilità del template sul sito.
Quindi smettono di prendere in considerazione il collegamento quando si classificano o introducono alcuni filtri regolari.
E ora è arrivato il turno del markup semantico del sito.
In generale, per Google e Yandex, il micro-markup e i microformati sono la tendenza principale di quest'anno.
In realtà, il suo standard è apparso nel 2011, ma se prima la PS si offriva di aggiungerlo al sito volontariamente, ora è volontario e obbligatorio :), poiché i siti che ne sono sprovvisti hanno cominciato a essere indicizzati peggio, è più difficile per loro di arrivare in cima ai risultati di ricerca.
Questi sono parametri di tag speciali che vengono aggiunti al codice del file o al testo. Descrivono le proprietà del documento. Per dirla semplicemente, con questi tag diciamo al robot di ricerca:
“Questo è il titolo del mio articolo, questa è un'immagine e qui ci sono i commenti.
Questi sono i nomi dei commentatori, e questo sono io, l'autore del sito, in persona. Non mischiare niente!"
Dalla documentazione Yandex sul markup del sito:
2. Perché abbiamo bisogno del markup semantico del sito?
Aiuta a costruire una gerarchia strutturata di tutti i dati della pagina per i robot di ricerca, nonché i robot di social networking, che miglioreranno la presentazione del sito nei risultati di ricerca.
La pagina contrassegnata in questo modo diventerà più comprensibile e trasparente per i robot di tutte le sottostazioni.
Sebbene i rappresentanti di Yandex sostengano che la presenza di markup semantico non influisca sulla posizione del sito, l'esperienza e le osservazioni mostrano che il sito contrassegnato è indicizzato dal PS molto più velocemente e meglio, e nei risultati della ricerca viene mostrato 3-5 posizioni superiori ai siti non contrassegnati.
Questo markup è utile per i siti commerciali (tutti i tipi di servizi diversi, negozi online, ristoranti). Inoltre, aiuta a promuovere le risorse web aziendali, una varietà di siti e blog.
Confronta gli snippet nei risultati di ricerca di Google e Yandex con e senza micro-markup:
Classificazione dei microdati di Google:
Il primo frammento mostra breadcrumb, valutazione, data di pubblicazione.
Microdati Yandex per le organizzazioni:
Il primo frammento mostra tutte le informazioni di contatto, gli orari di apertura, l'indirizzo, il collegamento alla mappa Yandex, che può essere utilizzata per tenere traccia dell'ubicazione dell'organizzazione.
Microdati Yandex, briciole di pane:
Il primo frammento mostra i breadcrumb, la data di pubblicazione.
Micro-markup Yandex, ricette:
Il primo frammento mostra l'immagine del piatto finito, gli ingredienti, il tempo di cottura, il contenuto calorico del piatto.
Tutte queste informazioni aggiuntive si riflettono nei risultati della ricerca poiché sono contrassegnate in modo speciale sulle pagine del sito.
3. Quali sono i vantaggi dell'utilizzo del markup semantico?
- Indicizzazione migliore e più rapida dei nuovi articoli e del sito nel suo insieme.
- Maggiore fiducia nel sito da parte del PS.
- Frammenti migliori e più informativi nei risultati di ricerca, mostrando informazioni aggiuntive: valutazione, prezzo, informazioni di contatto (indirizzo, numero di telefono), ecc.
- Miglioramento dei fattori comportamentali del sito (più clic dai risultati di ricerca).
Spero di averti convinto che il micro-markup è davvero necessario.
Ora su quale markup esiste e su ciò che Yandex ne capisce.
4. Tipi di micro-markup
In Google Search Console - c'è un elemento "Dati strutturati".
Figura 1 - errori nel micro-markup
È meglio iniziare il micro-markup del tuo sito controllando questa sezione. Capita spesso che gli strumenti di convalida del markup non mostrino avvisi o errori, ma in realtà i motori di ricerca hanno difficoltà a strutturare i dati sul tuo sito.
Figura 2 - Errori di micro-markup di Hentry
Nel nostro caso, vediamo che ci sono 106 errori relativi al markup del formato hentry (microformats.org)
- micro-markup integrato nel core di WordPress. Poiché è incorporato automaticamente e non è adattato per modelli di terze parti, spesso non funziona correttamente e questo porta al fatto che Google Search Console rileva tali errori:
Figura 2.1 - Hentry: autore, titolo della voce, errori aggiornati
Ma, allo stesso tempo, uno strumento per il controllo del micro-markup di Google segnala con assoluta calma che non ci sono errori e nessun avviso al riguardo. ()
Fig 3 - Google non vede gli errori di hentry
Sul nostro sito, utilizzeremo il micro-markup riconosciuto all'unanimità da tutti i motori di ricerca - schema.org.
Questo standard è supportato sia da Yandex che da Google.
Pertanto, il micro-markup hentry integrato, che ci dà 106 errori in Google Search Console: devi solo eliminarlo.
Poiché hentry viene aggiunto al core wordpress -, che ti consente di rimuoverlo tramite filtri, perché queste classi non sono visibili nei modelli.
Codice sorgente per rimuovere hentry:
Aggiungi_filtro ("post_class", "fc_remove_hentry", 20); funzione fc_remove_hentry ($ classi) (if (($ chiave = ricerca_array ("hentry", $ classi))! == false) (unset ($ classi [$ chiave]);) restituisce $ classi;)
Il codice deve essere aggiunto a functions.php
Questo può essere fatto con qualsiasi metodo conveniente, ad esempio tramite l'editor dal pannello di amministrazione del sito.
Figura 4 - Rimozione del markup hentry dall'intero sito
Dopo aver salvato il file e riconvalidato la pagina tramite lo strumento di controllo del micro-markup di Google, hentry dovrebbe essere sparito.
Controlla alcune pagine che contengono errori per assicurarti che hentry sia stato completamente rimosso dal sito.
In Google Search Console, vedrai una tendenza positiva nella riduzione del numero di errori. Nel tempo, scompariranno del tutto, devi solo aspettare.
Figura 5 - dinamica positiva della riduzione degli errori di hentry
Come rimuovere l'errore:
ERRORE: il campo http://ogp.me/ns#image è mancante o vuoto
Fig 6 - Open Graph ns # image error
Devi capire che errori di questo tipo sono associati al micro-markup già scritto. Cioè, il sito è incorporato o aggiunto da qualcuno in precedenza micro-markup, che contiene errori.
Molto spesso questo accade quando i plugin sono configurati in modo errato, che sono direttamente o indirettamente responsabili del micro-markup.
Nel nostro caso, il sito ha un plugin: SEO Ultimate, che ha una sezione speciale responsabile del markup Open Graph. Ciò significa che l'errore relativo a http://ogp.me è contenuto nel plugin SEO Ultimate.
Vai al seguente percorso SEO Ultimate -> Apri grafico -> Valori predefiniti -> Immagine predefinita
Troviamo l'impostazione dell'immagine, che verrà applicata per impostazione predefinita su quelle pagine del sito in cui non verrà trovata l'immagine desiderata.
Figura 7 - Come correggere l'errore Open Graph ns # image
Aggiungi l'URL dell'immagine che vorremmo vedere per impostazione predefinita. Lascia che ti ricordi che il protocollo Open Graph è responsabile della visualizzazione di bellissimi post sui social network, Facebook, Twitter, VKontakte e così via. Cioè, questa immagine, che hai impostato per impostazione predefinita, apparirà nei post sui social network, nei repost e così via. Scegli una fotografia di marca e rispettabile.
Dopo aver salvato le modifiche, l'errore scompare.
Figura 8 - Open Graph ns # article error
Ma c'è ancora un errore relativo all'articolo del prefisso sconosciuto.
Sappiamo già che il plugin SEO Ultimate è installato sul nostro sito. Continuiamo a scavare nella stessa direzione.
Figura 9 - Come correggere l'errore dell'articolo Open Graph ns #
Installa Open Graph Type - Sito web.
Figura 10 - Markup grafico aperto corretto
Dopo tutte le modifiche, il validatore di markup Yandex non genera più errori:
Figura 11 - Markup grafico aperto valido
Aggiunta di micro-markup per le briciole di pane
I breadcrumb sono una catena di collegamenti dalla home page alla pagina in cui si trova attualmente l'utente.
Innanzitutto, è necessario analizzare il sito per la presenza di briciole di pane.
Riso 12 - pangrattato in loco
Ci sono briciole di pane sul sito. Ora devi capire come vengono visualizzati. Nel codice sorgente dei breadcrumb troviamo il nome del plugin con cui funzionano - Breadcrumb NavXT 4.0.2
Figura 13 - I breadcrumb vengono prelevati tramite Breadcrumb NavXT
Apri il pannello di amministrazione del nostro sito e vai a modificare il plugin Breadcrumb NavXT.
Figura 14 - Impostazioni Breadcrumb NavXT
Siamo interessati a modelli per diversi tipi di pagine: per la pagina principale, per un blog, per categorie e così via. Devi capire che sarà diverso su ogni sito.
Nel nostro caso, siamo interessati a:
- Modello di collegamento alla pagina del blog
- Modello casa
- Modello categoria blog
- Modello di collegamento di categoria
Tutti i modelli hanno una visualizzazione standard come:
Per ottenere il micro-markup corretto, dobbiamo eseguire il markup di questo codice sorgente utilizzando lo standard http://schema.org/BreadcrumbList
- Vestiti
- Abiti veri
Diamo un'occhiata a quali elementi contiene il markup e come dovrebbero essere applicati:
itemscope itemtype = "http://schema.org/BreadcrumbList"
Questo elemento segna l'inizio dell'area di markup. Tutto ciò che sarà all'interno di questo elemento sarà il markup breadcrumb.
Nell'esempio, l'elemento è all'interno di un elenco numerato - tag
Questo è facoltativo, puoi usarlo
, o altri tag simili. Devi guardare le circostanze e ricordare che da quale tag usi questo CSS si collegherà ai breadcrumb. Cioè, l'aspetto dei tuoi breadcrumb dipende dai tag che inquadri http://schema.org/BreadcrumbList. Nel nostro caso, aggiungeremo questa riga di codice tramite il codice sorgente del widget breadcrumb_navxt_widget.php Poiché questo file non è disponibile tramite l'editor di codice standard del pannello di amministrazione di WordPress, utilizzeremo l'accesso ftp tramite filezilla. Figura 15 - Impostazioni widget breadcrumb NavXT Troviamo un pezzo di codice responsabile del micro-markup e in particolare abbiamo bisogno di un tag che incornici questo markup. Figura 16 - Il codice che inquadra il Breadcrumb NavXT
Se ti sei posto una domanda del genere, significa che sei un utente abbastanza esperto e conosci l'esistenza di un componente aggiuntivo come Adblock, che nasconde quasi tutti gli annunci agli occhi degli utenti. Apparentemente un plugin utile, quindi perché disabilitarlo allora? Indubbiamente, con il suo aiuto, puoi sbarazzarti di banner, teaser, clicker e altri tipi di pubblicità colorati e invadenti, che distraggono dal contenuto principale del sito con i suoi colori o suoni. Tuttavia, alcuni siti iniziano a essere visualizzati in modo errato, il che rende difficile leggere articoli, guardare immagini o video. Ecco perché abbiamo deciso di dirti come disabilitare il plug-in Adblock per navigare nel tuo sito preferito in modalità normale.
Come disabilitare il plug-in Adblock in Chrome
Innanzitutto, ti suggeriamo di esaminare il processo di disconnessione nel browser più popolare oggi: Google Chrome! Bene, non tarderemo, dritti al punto:
1. Apri il menu facendo clic sul pulsante a destra (situato in alto);
2. Fare clic su "Impostazioni", dopodiché si apre una pagina con le impostazioni, ma non ne abbiamo bisogno: andiamo oltre;
3. Passa dalle impostazioni a "Estensioni", dopodiché si apre una pagina con tutti i componenti aggiuntivi;
4. Deseleziona la casella accanto a "Abilita";
5. Fatto! Ora Adblock non impedisce che il tuo sito preferito venga visualizzato in modalità normale!
Come disabilitare il plugin Adguard nel browser Yandex
Fondamentalmente, tutto è lo stesso nel browser Yandex come in Chrome, perché hanno lo stesso codice sorgente. Ma spiegheremo ancora:
1. Clicca sul pulsante "Menu", che si trova in alto a destra;
2. Viene visualizzato un elenco in cui è necessario fare clic sulla sezione "Componenti aggiuntivi";
3. Si apre la pagina con le estensioni. Sono divisi in categorie;
4. Scorrilo fino in fondo e trovaci il plugin Adguard (lo stesso Adblock solo specificamente per Yandex Browser);
5. Spostare il cursore di fronte ad esso e l'estensione diventa inattiva.
Disabilita il plugin Adblock in Mozilla Firefox
Come hai già notato, il processo di disabilitazione del plugin è praticamente lo stesso in tutti i browser, sono stati modificati solo i nomi del menu e l'add-on stesso (nel caso di J. Browser) e Mozilla non ha fatto eccezione :
1. Facciamo clic sullo stesso pulsante per aprire il menu;
2. Fare clic sull'icona, sotto la quale si trova la scritta "Componenti aggiuntivi";
3. Si apre l'archivio estensioni. Non abbiamo bisogno di lui - passiamo;
4. Nel menu di sinistra, cliccare su "Estensioni";
5. In realtà, ora la cosa più interessante: troviamo tra i plugin Adblock e facciamo clic sul pulsante "Disabilita";
Come disabilitare l'estensione Adblock nel browser Opera
E infine, facciamo piacere alle persone che usano Opera come browser principale:
1. Fare clic sul logo "Opera" nell'angolo in alto a sinistra, aprire il menu;
2. Passa il mouse sulla freccia su "Estensioni" e vai su "Gestione estensioni";
3. Si apre una pagina con i plugin installati;
4. Trova il nostro Adblock preferito tra i componenti aggiuntivi e disattivalo cliccando sul pulsante “Disabilita”;
