Elemente și bune practici în metadatele HTML

Etichetele meta sunt scurte extrase dintr-un cod care informează motoarele de căutare despre informații cruciale despre pagina dvs. web. De asemenea, controlează modul în care browserele web le afișează vizitatorilor. Etichetele meta sunt prezente pe fiecare pagină web și le puteți vedea doar în codul HTML. Iată o listă de exemple de meta-etichete pentru SEO.

• Meta descriere
• Meta-roboți
• Meta titlu
• Metacarset
• Redirecționare meta reîmprospătare
• Meta viewport

Meta Titlu

Titlul paginii afișat de Google și alte motoare de căutare în rezultatele căutării este meta titlul. Un titlu HTML oferă utilizatorilor o perspectivă rapidă asupra conținutului unui rezultat și a relevanței acestuia pentru interogare. De obicei, forma de bază a informațiilor determină pe ce rezultat să faceți clic. Utilizarea titlurilor de înaltă calitate pe paginile tale web este foarte importantă pentru SEO. Iată un exemplu de meta titlu:

Cele mai bune practici

• Utilizați o etichetă de titlu specială pentru paginile dvs
• Titlurile trebuie să fie scurte și descriptive
• Evitați să folosiți titluri generice și vagi
• Folosiți titlul sau majusculele propoziției
• Nu folosiți clic-momeală, ci mai degrabă ceva demn de clic
• Potriviți intenția de căutare
• Utilizați 60 de caractere sau mai puțin
• Includeți cuvinte cheie țintă acolo unde este necesar

Găsirea și remedierea greșelilor de etichetă de titlu

Asigurați-vă că eticheta de titlu nu este prea lungă și nici prea scurtă. Evitați titlurile inutil de lungi sau pronunțate, păstrându-le concise și descriptive. Asigurați-vă că fiecare pagină are o etichetă de titlu. Evitați mai multe etichete de titlu HTML pe pagină, deoarece motoarele de căutare pot afișa o etichetă de titlu irelevantă dacă există mai multe pagini web. Duplicați titluri pe mai multe pagini. Este foarte important ca fiecare dintre paginile site-ului dvs. să aibă un titlu unic și descriptiv.

Testează SEO și performanța site-ului tău în 60 de secunde!

Un design bun al site-ului web este esențial pentru implicarea vizitatorilor și pentru conversii, dar un site lent sau erorile de performanță pot face chiar și cel mai bine conceput site-ul să aibă performanțe slabe. Diib este unul dintre cele mai bune instrumente de monitorizare SEO și performanță a site-ului web din lume. Diib folosește puterea datelor mari pentru a vă ajuta să vă creșteți rapid și ușor traficul și clasamentele. După cum se vede în Entrepreneur!

• Instrument SEO automatizat ușor de utilizat
• Monitorizare cuvinte cheie și backlink + idei
• Asigură viteza, securitatea și urmărirea Core Vitals

• Sugerează în mod inteligent idei pentru a îmbunătăți SEO
• Peste 250.000 de mii de membri la nivel mondial
• Benchmarking și analiză a concurenței încorporate

De exemplu, „www.diib.com”

Înregistrează-te gratuit

Folosit de peste 250.000 de companii și organizații:

• 
• 
• 
• 

Se sincronizează cu

Meta Descriere

O metadescriere oferă o scurtă descriere a unei pagini web. Motoarele de căutare îl folosesc pentru a afișa o pagină web în rezultatele căutării. Acesta informează și câștigă interesul utilizatorilor folosind un rezumat scurt și precis al conținutului unei anumite pagini. O meta-descriere asigură utilizatorul că se află pe pagina potrivită și exact ceea ce caută. Cu toate acestea, acestea nu sunt folosite de Google ca factor direct de clasare. Imaginea de mai jos arată o meta descriere:

Cele mai bune practici

• Scrieți o descriere unică și ușor de înțeles pentru fiecare pagină
• Furnizați un rezumat precis
• Nu utilizați descrieri generice
• Utilizați în mod corespunzător cuvintele cheie principale într-o propoziție semnificativă
• Folosește caz de propoziție
• Nu folosiți clic-momeală, ci scrieți ceva demn de clic
• Potriviți scopul căutării
• Utilizați 160 de caractere sau mai puțin

Greșeli comune de metadescriere

Cele mai frecvente greșeli în scrierea unei meta descrieri sunt aproape similare cu cele ale etichetelor de titlu. O meta-descriere prea lungă sau prea scurtă. De obicei, nu există nicio limită pentru lungimea unei meta descrieri. Pentru a se potrivi cu lățimea dispozitivului, rezultatele căutării extrase sunt de obicei scurtate. O altă greșeală este aceea în care unei pagini web îi lipsește complet o meta descriere.

Asigurați-vă că îl scrieți pe site-ul dvs. De asemenea, puteți avea o pagină cu mai mult de o meta-descriere, totuși, acest lucru poate deruta motoarele de căutare. A avea meta descrieri similare pe mai multe pagini este, de asemenea, o greșeală comună. Asigurați-vă că fiecare pagină are propria sa descriere unică.

Meta Roboti

Meta-roboții permit motorului de căutare să acceseze cu crawlere paginile web și, de asemenea, oferă instrucțiuni despre cum să facă acest lucru. Prezența site-ului dvs. în rezultatele căutării poate avea un impact negativ dacă nu utilizați atributele corecte în eticheta meta robots. Înțelegerea acestei etichete și utilizarea eficientă a acesteia va avea un impact semnificativ asupra SEO.

Valorile indexului le indică roboților să facă indexarea paginii, în timp ce valoarea noindex le indică roboților să nu facă indexarea paginii. Boții sunt instruiți de următoarea valoare să acceseze cu crawlere link-urile de pe pagină pentru a garanta pentru ele, în timp ce valoarea nofollow le indică să nu acceseze cu crawlere link-urile de pe pagină pentru a evita orice aprobare.

Cele mai bune practici

Utilizați etichetele meta robot numai când restricționați accesările cu crawlere Google pe o pagină și evitați blocarea paginilor cu etichete meta robot în roboți.

Greșeli frecvente ale metaroboților

Unele dintre greșelile tipice ale meta-roboților includ roboții care nu blochează paginile de index. Acest lucru face dificil pentru Google să vadă eticheta noindex robots și poate continua indexarea adresei URL. Un meta noindex necinstit reduce traficul organic al paginii, restricționând Google de la indexarea acesteia. Rogue meta nofollow va împiedica Google să acceseze cu crawlere linkurile paginii și va reduce șansele de a descoperi și indexa conținut crucial. Acest lucru poate împiedica, de asemenea, fluxul PageRank către paginile importante.

Meta Viewport

Un meta viewport setează zona vizibilă a paginii web și oferă instrucțiuni despre modul în care pagina va fi afișată de browser pe diferite dimensiuni de ecran. Acest lucru este important, deoarece paginile web adaptate pentru dispozitive mobile sunt clasate mai sus în rezultatele căutării Google pe mobil.

Cele mai bune practici

Este esențial să utilizați meta viewport pe toate paginile web și cu eticheta standard.

Meta Charset

Această etichetă determină codificarea caracterelor pentru pagina dvs. sau pur și simplu indică browserului cum să afișeze caracterele și textul pe pagină. Există două seturi de caractere comune, inclusiv UTF-8 utilizat pentru codificarea Unicode și ISO-8859-1 utilizat pentru codificarea alfabetului latin. Codarea cu caracterul greșit va duce la afișarea incorectă a browserului.

(Credit imagine: Learn Web Tutorials)

Problemele de formatare a caracterelor duc la o experiență negativă a utilizatorului, iar paginile dvs. pot părea rupte. Alte probleme pe care le poate cauza includ mai puține persoane care creează linkuri către pagina dvs., timpul redus de așteptare, timpul redus pe pagină, rata de respingere ridicată și este posibil ca motorul de căutare să nu vă înțeleagă conținutul.

Cele mai bune practici

• Utilizați întotdeauna eticheta meta charset pe toate paginile dvs. web
• Folosiți Unicode/UTF-8 acolo unde este posibil

Este important să verificați toate paginile dvs. web pentru a vă asigura că folosesc codificarea UTF-8.

Redirecționare Meta Refresh

Această etichetă redirecționează utilizatorul către o altă adresă URL după o anumită perioadă de timp. Google înțelege și respectă etichetele de redirecționare meta reîmprospătare, dar cel mai bine este să nu le folosiți în SEO. Acest lucru se datorează faptului că majoritatea browserelor nu le acceptă și pot provoca confuzie utilizatorului în timp ce ridică probleme de securitate. De asemenea, necesită timp, deoarece paginile necesită analizare înainte ca adresa URL de destinație să fie vizibilă. Iată cum va arăta acea etichetă:

(Credit imagine: HostPapa)

Cele mai bune practici

• Folosiți etichete de redirecționare meta reîmprospătare numai atunci când este necesar

Cel mai bine este să evitați utilizarea redirecționărilor meta reîmprospătare acolo unde este posibil, deoarece acestea sunt o practică proastă. Dacă le aveți pe paginile dvs. web, puteți utiliza în schimb redirecționări 301 sau 302, acolo unde este posibil.

Cuvinte cheie meta

Cuvintele cheie meta sunt un exemplu bun de metaetichetă, care este folosit adesea în zilele noastre. Nu este recomandabil să adăugați eticheta meta cuvinte cheie cu o listă de cuvinte cheie țintă, deoarece Google a încetat să mai folosească cuvinte cheie pentru clasamente. Acest lucru se datorează faptului că mulți oameni au umplut cuvinte cheie irelevante fără ca utilizatorii să le vadă vreodată. Google a ignorat metaeticheta cuvintelor cheie, deoarece a fost adesea abuzată.

Bing folosește acum metaeticheta cuvintelor cheie pentru a semnala spam, astfel încât acest lucru ar putea funcționa împotriva ta. Cel mai bine este să eliminați eticheta de pe site-ul dvs.

Metadatele sunt date care oferă informații despre alte date. Metadatele HTML rezumă informații de bază despre date, ceea ce face mai ușor să găsiți și să lucrați cu datele respective. Poate fi creat manual pentru mai multă acuratețe sau automat pentru a oferi mai multe informații de bază. Datele Mata sunt folosite pentru fișiere de documente, imagini, videoclipuri, foi de calcul și pagini web.

Ce este un generator de meta tag-uri?

Un generator de metaetichete vă permite să dezvoltați metaetichetele HTML necesare și cele mai utile pentru SEO.

Cele mai bune practici atunci când utilizați metadatele HTML

Declarați întotdeauna un Doctype

O declarație doctype ar trebui să fie primul lucru în metaetichetele HTML pentru SEO. Notifică browserul despre standardele XHTML utilizate. Este recomandabil să folosiți tipul de document strict XHTML 1.0, deși este considerat o alegere dificilă de unii dezvoltatori. Se asigură că codul dumneavoastră respectă strict cele mai recente standarde.

Utilizați etichete semnificative de titlu

Etichetele de titlu permit paginii web să fie mai semnificativă și mai ușor de căutat.

Folosiți lista descriptivă de meta-etichete

O listă de meta-etichete adaugă mai multă semnificație paginii dvs. web pentru agenții utilizatori, cum ar fi păianjenii motoarelor de căutare. Este important ca descrierea să nu aibă cuvinte și expresii repetate, deoarece motoarele de căutare vor detecta asta. Folosiți descrieri simple și directe atunci când explicați scopul paginii dvs. web.

Împărțiți aspectul în secțiuni majore folosind Divs

Când construiți un design de site web, luați în considerare împărțirea paginii web în secțiuni în primul pas. Acest lucru va promova un cod curat și bine intenționat, ajutându-vă în același timp să preveniți confuzia și utilizarea excesivă a div-urilor atunci când scrieți un marcaj complex și lung.

Evitați amestecarea conținutului din prezentare

Nu amestecați conținutul dvs. HTML cu prezentarea vizuală a conținutului oferită de CSS. Crearea unui fișier CSS separat pentru stilurile dvs., mai degrabă decât utilizarea stilurilor inline în HTML, este foarte esențială. Acest lucru vă va permite dvs. și altor dezvoltatori care lucrează la cod să faceți modificări rapide și să vă asigurați că conținutul dvs. este mai ușor de înțeles pentru agenții utilizatori.

Reduceți și unificați CSS

Site-urile web obișnuite au un fișier CSS major și probabil alte lucruri precum remedieri specifice browserului și resetare CSS. Când fiecare fișier C face o solicitare HTTP, încetinește timpii de încărcare a site-ului. Eliminarea caracterelor care nu sunt necesare, cum ar fi linii noi, spații și file din tot codul și unificarea fișierelor care pot fi integrate împreună. Acest lucru poate ajuta la rezolvarea acestei probleme și la îmbunătățirea timpilor de încărcare a site-ului dvs.

Reduceți, unificați și mutați în jos JavaScript

Evitați să utilizați JavaScript inline, dar, în schimb, încercați să reduceți și să unificați bibliotecile JavaScript pentru a reduce numărul de solicitări HTTP necesare pentru a genera una dintre paginile dvs. Cu toate acestea, nu puteți avea descărcări paralele în majoritatea browserelor, ceea ce înseamnă că browserul nu va descărca nimic altceva în timpul descărcării JavaScript, făcând ca pagina să pară ca și cum se încarcă lent.

Pentru a evita acest lucru, puteți încărca JavaScript după ce ați încărcat CSS, plasând JavaScript la sfârșitul documentului HTML, acolo unde este cazul, de preferință înainte de a închide eticheta body.

Folosiți cu înțelepciune elementele de titlu

Folosirea elementelor de la h1 la h6 pentru a indica ordinea conținutului HTML face conținutul mai ușor de utilizat pentru agentul de utilizare, motoarele de căutare și software-ul de citire a ecranului. Când folosiți bloguri, cel mai bine este să utilizați elementul h1 pentru titlul postării pe blog, spre deosebire de numele site-ului, deoarece este ideal pentru motoarele de căutare.

Utilizați etichetele HTML potrivite la locul potrivit

Este important să cunoașteți etichetele HTML disponibile și cum să le utilizați cu acuratețe pentru a evita confuzia și pentru a crea o structură de conținut relevantă.

Sperăm că ați găsit acest articol util.

Dacă doriți să aflați mai multe despre sănătatea site-ului dvs., primiți recomandări și alerte personale, scanați-vă site-ul de către Diib. Durează doar 60 de secunde.

Intră pe site-ul tău

De exemplu, „www.diib.com”

Înregistrează-te gratuit

Nu mă pot sătura de DIIB!! Cel mai bun instrument și sunt foarte recunoscător că l-am găsit. Îmi place absolut!! Încrucișați degetele, nu vă creșteți prețurile pentru că este atât de perfect.

Katarina Gage
Director de operațiuni în ahoymatey.com.au

Evitați utilizarea excesivă a Div-urilor

Unii dezvoltatori împachetează etichete div pe alte etichete div care au mai multe etichete div creând numeroase div. Div-ul este considerat un element lipsit de sens care ar trebui folosit numai atunci când nu există alte elemente adecvate disponibile conform specificațiilor HTML W3C. Evitați să aveți numeroase div-uri folosindu-le în mod responsabil și numai atunci când este necesar.

Utilizați o listă neordonată pentru navigare

Elementul de navigare este un factor foarte esențial în designul site-ului web atunci când este combinat cu CSS. Ajută meniurile dvs. de navigare să fie semantice și frumoase. Iată două moduri de a face acest lucru:

(Credit imagine: Studytonight)

Închideți etichetele

Specificațiile W3C necesită să închideți toate etichetele. Alte browsere pot afișa corect paginile dvs., chiar dacă eșecul de a vă închide etichetele este invalidă conform standardelor normale.

Utilizați marcajul cu minuscule

Păstrarea markupului cu litere mici este o practică standard în industrie. Marcarea cu majuscule vă afectează lizibilitatea codului, dar nu modifică afișarea paginilor dvs. web.

Utilizați remedieri IE modulare

Dacă aveți probleme cu paginile dvs., puteți utiliza comentariile condiționate pentru a vă concentra pe Internet Explorer. Asigurați-vă că faceți remedierile modulare pentru a vă asigura că munca dvs. este pregătită pentru viitor, astfel încât versiunea mai veche a IE să nu necesite niciun suport.

Validați-vă codul

Nu ar trebui să vedeți validarea ca fiind evaluarea finală a muncii bune față de munca proastă. O lucrare care validează nu este neapărat cod bun și, alternativ, o lucrare care nu validează complet nu este neapărat cod rău.

Puteți utiliza serviciile de autovalidare ca depanare utile pentru a identifica erorile de randare. Validați-vă munca frecvent când scrieți HTML pentru a evita problemele care pot fi dificil de identificat odată ce ați terminat munca.

Scrieți codul formatat în mod consecvent

Scrierea unei baze de cod curate și bine intenționate îți scoate în evidență profesionalismul și facilitează dezvoltatorii care pot lucra la codul tău. De asemenea, veți crește lizibilitatea lucrării dvs. atunci când scrieți un marcaj indentat corect de la început. De exemplu:

(Credit imagine: html.com)

Evitați comentariile excesive

Scopul documentării codului dvs. este de a-l face ușor de înțeles, iar comentarea codului dvs. este rezonabilă și logică pentru limbaje de programare precum Java, PHP și C#. Cu toate acestea, marcajul este foarte explicit și nu trebuie să comentați fiecare linie din XHTML/HTML. Revizuirea lucrării tale pentru semantică te va ajuta dacă comentați mult în HTML pentru a explica procesul.

Diib: Obțineți statisticile metadatelor HTML aici!

Folosirea acestor elemente și respectarea ghidurilor vă va ajuta în eforturile dvs. de SEO.

Elemente precum o meta descriere bună vă vor crește ratele de clic din căutări, chiar dacă nu vă îmbunătățesc clasarea. Meta-etichetele sunt acum folosite în platformele de social media precum Twitter și Facebook. Puteți folosi etichete pentru a verifica cum sunt partajate datele dvs. pe Facebook. Parteneriatul cu Diib Digital vă va oferi valorile esențiale cu privire la metadatele dvs., astfel încât să puteți lua decizii eficiente cu privire la sănătatea site-ului dvs.

Iată câteva dintre caracteristicile Tabloului de bord al utilizatorilor pe care suntem siguri că o să vă placă:

• Obiective personalizate concepute pentru a îmbunătăți performanța site-ului web
• Alerte care vă vorbesc despre alte probleme tehnice SEO ale autorității dvs. de domeniu
• Pagini sparte în care aveți backlink (verificator 404)
• Instrumente de monitorizare și urmărire a cuvintelor cheie, backlink și indexare
• Experiența utilizatorului și optimizarea vitezei mobile
• Optimizarea titlului imaginii

Faceți clic aici pentru scanarea gratuită sau sunați pur și simplu la 800-303-3510 pentru a vorbi cu unul dintre experții noștri în creștere.