M-am gândit să scriu un articol despre H tag-uri cu exemple practice pentru cei foarte începători, analizând un website cunoscut (care evident e făcut de profesioniști 🙂 )

Evident că CMS-urile precum WordPress au o interfață prietenoasă pentru autorul de articole care îi ușurează foarte mult munca și nu implică cunoștințe de HTML. Acest “markup language” îi spune browserului de internet cum să afișeze un document pentru cititori. Poți vedea pentru orice pagină deschisă pe calculator formatul HTML dacă apeși CTRL-U. Și dacă te interesează și vrei să înțelegi ceva de acolo, îți recomand să citești www.w3schools.com/html/html_intro.asp. Aici găsești noțiuni de bază din HTML și recomand tuturor care își dezvoltă un site/blog să le înțeleagă.

Tag-uri sunt multe:  title tag, keyword tag, link tag, heading tag. Atunci când spui H tag-uri te referi de fapt la Heading tag-uri, adică etichetele pentru titluri din documentul HTML. Browserul vede aceste etichete de titlu și știe cum să le afișeze în funcție de importanța acestora (h1 indică cel mai important titlu din pagină, iar h6 cel mai puțin semnificativ).

Iată cum arată o pagină de pe cnn.com așa cum o vede cititorul și cum o vede browserul ca să o poată interpreta și afișa.

Titlul h1 este cel mai important dintr-un articol și indexat astfel de către motoarele de căutare:

Codul în HTML arată cam așa: <h1>Peak rush: Paragliding the Swiss Alps</h1>

Dacă vei căuta în toată pagina, vei găsi un singur titlu cu eticheta h1, așa cum spuneam că este eficient în procesul de SEO.

În aceeași pagină cititorul poate vedea în dreapta jos titlurile articolelor din secțiunea “Most Popular”; acestea sunt definite cu eticheta h2 în HTML, iar titlul secțiunii cu eticheta h4:

<h2> <a href="/2014/08/06/opinion/nazer-west-isis/index.html">Can the West live with 'brutal' al Qaeda offshoot ISIS?</a></h2>
<h2><a href="/2014/08/09/world/asia/china-tibet-accident/index.html">Tour bus accident in Tibet kills at least 44, Chinese media says</a></h2>

Și așa mai departe pentru toate cele 5 titluri de articole din secțiune. Acestea au aceeași importanță și etichetă h2 în HTML. Nu este greșit, doar h1 trebuie să fie unul singur în document! Așa cum nu e obligatoriu să folosești toate h tag-urile! (în exemplul nostru nu se găsesc h3, h5 și h6)

<h4><a href=”/mostpopular”>Most Popular</a></h4>

Acest articol nu este menit să te învețe HTML pentru că nu aceasta este tema blogului meu, ci doar să te convingă că este important să ai noțiuni de bază.

Heading tag-urile H1-H6 definesc structura în HTML a site-ului atât pentru roboții de căutare cât și pentru cititori. Reprezintă o metodă de organizare și prioritizare a conținutului în pagină. Sunt 6 H tag-uri, H1 indicând cel mai important titlu din pagină, iar H6 cel mai puțin semnificativ.

Foarte important de reținut: titlul paginii nu este același cu titlul articolului, deci trebuie să faci distincție clară între article title și page title!

Care sunt avantajele acestor Heading Tag-uri?

• pentru cititorii paginii: acestea determină o structură organizată a conținutului care va fi ușor de citit; este ca și cum ai citi un articol dintr-ul ziar sau revistă de specialitate fără titlu și sub-titluri, anevoios de citit și fără să te captiveze…
• pentru cei care publică articole pe un site: reprezintă o metodă de prezentare a conținutului. WordPress are 6 H tag-uri recunoscute de toate browser-ele. Varianta de bază setează automat H1 pentru numele site-ului (în cazul meu <h1>ABC-ul Marketingului Online</h1>), H2 pentru descrierea blogului (<h2>Pasiunea motivează, marketingul promovează!</h2>), iar H3 este titlul articolului (<h3>Ce sunt H tag-urile și cum te ajută în procesul de SEO</h3>). De cele mai multe ori autorii folosesc maxim 3-4 H Tag-uri, restul fiind utile doar pentru articole foarte lungi
• pentru roboții de căutare: parsează și evaluează mai ușor conținutul; aceștia tind să considere H1 tag ca fiind titlul articolul în procesul de indexare

De-a lungul timpului algoritmul de evaluare Google s-a tot schimbat și implicit importanța acordată elementelor de SEO on page și off page. Este și cazul tag-ului H1 care a scăzut în influența PR-ului, dar cu toate acestea a rămas semnificativ pentru că ajută în mod indirect la performanța contextului. Altfel spus, dacă un cititor a ajuns pe o pagină, a citit titlul acesteia și continuă cu conținutul, asta înseamnă că nu se întoarce la pagina de rezultate și dă un semnal roboților Google că este mulțumit de ceea ce a găsit. Evident cât de important este titlul articolului pentru a avea un bounce rate cât mai mic 🙂 !

Cum noul algoritm Hummingbird de la Google are ca obiectiv principal experiența cât mai plăcută a vizitatorului, e nevoie de un H1 tag cât mai eficient și optimizat. Iată ce trebuie să faci în acest sens:

• în primul rând trebuie să fie unul singur într-o pagină pentru a ajuta roboții motoarelor de căutare să parseze mai ușor
• e nevoie să includă cuvinte cheie; corelația dintre meta data (page title, article title, keywords) este foarte importantă pentru SEO și de aceea recomand să incluzi aceleași cuvinte cheie în titlul paginii și articolului!
•  ideea principală din titlu să fie dezvoltată în context; conținutul corelat cu titlul ajută la creșterea ranking-ului în accepțiunea roboților Google

Tu ce părere ai? Cât de important ți se pare tag-ul H1?

Descrierea paginii din site nu mai contează în mod direct în procesul de evaluare și ranking al motoarelor de căutare; în schimb acest meta tag este determinant în optimizarea campaniei de promovare online. Ca și title tag-ul, meta description-ul apare în lista de rezultate Google și va influența semnificativ audiența să dea sau nu click pe pagina respectivă. Altfel spus, o descriere convingătoare poate crește CTR (eng. click-through rate) și indirect PR-ul de la Google. Deci este evident ca nu poți ignora acest meta tag, nu?

Pe de altă parte, în ultimii ani a crescut importanța promovării în rețelele sociale  prin share-uirea și recomandarea de link-uri către articole și pagini din site. Și cum descrierea meta este folosită în link-uri (de ex. G+, Facebook), iată un motiv în plus să te folosești de aceasta pentru a convinge mai bine utilizatorii!

Dacă ai un site cu foarte multe pagini, îți recomand să setezi o descriere meta unică pentru fiecare dintre cele mai importante, iar pentru restul să nu salvezi nicio descriere. În acest caz, Google va completa snippet-ul cu două rânduri relevante pentru căutare din conținutul acestor pagini. Chiar și atunci când definești o meta description pentru o pagină, Google poate decide să afișeze în pagina de rezultate organice o altă descriere dacă o consideră mai relevantă pentru căutare. Dar asta nu poate decât să te determine pe tine în a compune cele mai bune meta description pentru paginile din site:-)

Cum poți salva meta description-ul pe site?

1. Prima opțiune este să incluzi în HTML între <head>  și </head> următoarea sintaxă:

<meta name="description" content="O descriere meta eficientă crește CTR și implicit PR pe termen lung. Descoperă din acest articol regulile pe care trebuie să le aplici pentru meta description!"/>


2. A doua opțiune ar fi să instalezi un Plug-in pentru CMS. Eu folosesc All in One SEO Pack pentru WordPress care mă ajută în salvarea de Title Tag și Meta Desciption optimizate.

Iată ce reguli trebuie să respecți pentru ca meta description-ul ales de tine să aducă vizitatori pe site:

• dimensiunea trebuie să fie de maxim 160 de caractere; textul ce depășește acest număr este trunchiat și nu va fi afișat de Google sau alte motoare de căutare. Te sfătuiesc să fii creativ și să folosești eficient această oportunitate de a atrage vizitatori pe site!
• meta descrierea trebuie să fie sugestivă, folositoare și unică; ideal este să descrie succint conținutul dintr-o pagină, să placă cititorului care o vede în lista de rezultate și să se potrivească cu ceea ce caută. Este foarte important ca fiecare meta description să fie unică pentru fiecare pagină. Așa cum spune Matt Cutts, mai bine lipsește (în acest caz Google va genera cea mai relevantă descriere folosind cuvinte din context), decât să fie duplicat! În acest sens, poți folosi Webmaster Tool de la Google care te ajută și identifica pentru tine “duplicate meta description errors”. Hmm, se pare că tot contează și pentru Google acest meta tag, nu? 🙂
• poate include pentru postările de pe un blog cu mai mulți contribuitori (cele de companie în general) numele autorului, data sau orice altă informație relevantă
• dacă este cea setată pentru pagina de Contact, e de preferat să fie cât mai detaliată, corectă și actualizată
• e de preferat să includă CTA (eng. call to action); s-au făcut teste și de-a lungul timpului s-a dovedit că îndemnurile către o acțiune au adus mai mult trafic pe site (de exemplu expresii precum Cum să…, Sfaturi ca să…, tips & tricks, Descoperă din acest articol…, Află de aici…, Apasă aici…)
• este obligatoriu să conțină cuvintele cheie care atrag audiența potrivită pe care ți-o dorești din rezultatele organice. Nu trebuie să îngrămădești fără sens o mulțime de cuvinte sugestive, ci doar să le alegi pe cele mai potrivite care să se potrivească cu căutările pe Google. Mai ales că acestea vor apărea cu bold și vor fi mai vizibile în SERP.

Ai reușit să îți optimizezi meta description-ul care apare în snippet? Ești mulțumit de rezultate, îți afișează Google descrierea aleasă de tine?

Sunt convinsă că ai făcut numeroase căutări pe Google și că ai ales, ca și mine, un anumit articol sau site citind titlurile afișate în lista de rezultate . L-ai ales pentru că te-a convins titlul, brand-ul afișat în textul cu bold sau mesajul care îți promitea că vei găsi în pagina respectivă soluția potrivită căutată de tine!

Pe lângă faptul că indică cititorului despre ce e vorba în pagina respectivă și poate crește traficul pe site, titlul paginii (eng. title tag) influențează semnificativ SERP-ul și de aceea specialiștii de SEO  consideră că este cel mai important tag dintr-o pagină. Nu în ultimul rând acesta apare afișat în bara browser-ului și este recomandat să fie cât mai sugestiv și prietenos cu cititorii.

Pentru toate aceste motive, recomand să aplici următoarele reguli atunci când compui title tag-ul la tine pe site:

• Lungimea să fie de maxim 65-70 caractere. Limită minimă nu există, dar este bine să te folosești de numărul maxim afișat sigur de către motoarele de căutare, pentru că astfel ai șansa de a fi cât mai convingător pentru cititor. În caz contrar, Google poate decide să umple spațiul rămas cu text din conținutul paginii, dar nu poți controla ce va afișa.În caz că folosești WordPress-ul ca și CMS, instalează Plugin-ul All-in-One-Seo care te va ajuta în salvarea celui mai bun Title Tag din punct de vedere SEO, limitând numărul de caractere la 60.  În plus, acesta adaugă la sfârșit numele site-ului, ceea este foarte bine! Știe să salveze automat în HTML acest title tag în mod corect:<head>
<title>acesta este titlul paginii</title>
</head>

• Să fie  concis, convingător și relevant pentru conținut. Obiectivul tău principal odată ce Google te-a afișat în lista de rezultate la o căutare este să convingi cititorul să dea click pe titlu pentru a ajunge pe site. Și nu este deloc ușor să fii relevant și concis în același timp. Include un îndemn, un verb la imperativ, o comandă ( de ex. : Găsește cea mai bună ofertă de…). Puterea title tag-ului se reflectă pe termen scurt în creșterea traficului pe site, iar pe termen lung duce la creșterea PR (eng. page rank)
• Să includă cuvinte cheie. Evită aglomerația acestora, nu le folosi decât pe cele mai relevante și convingătoare într-un mod creativ și atractiv pentru cititor. Nu compune în primul rând pentru motoarele de căutare pentru că rezultatul nu va fi mulțumitor!
• Să fie unic. Nu trebuie să existe mai multe pagini cu același title tag pentru că roboții nu vor știe exact la care te referi. În acest sens te poți folosi de Google Webmaster Tool care îți va spune părerea despre title tag-urile tale: dacă ai duplicate, dacă sunt prea lungi sau lipsesc.
• Folosește brand-ul. Părerile sunt împărțite între specialiști dacă este sau nu mai bine să incluzi brand-ul în title tag. Un lucru e cert: dacă este vorba de un brand deja consacrat, cu notorietate, atunci cu siguranță este un avantaj să ai brand-ul inclus, pentru că rezultatul din listă va convinge prin încrederea dată de brand. Dacă ești la început, evident că brand-ul tău nu spune nimic; în acest caz eu recomand măcar la Home Page să incluzi brand-ul, fie el la început, fie la sfârșit.

Nu știu dacă ai observat, Google își denumește paginile “<interogarea tastată > – Google Search”, în așa fel  încât dacă sunt deschise mai multe taburi în bară, se vor vedea căutările. Este evidentă notorietatea acestui brand și nu e de mirare că îl folosește în title tag-urile tuturor paginilor 🙂

Coerența title tag-urilor mi se pare importantă. Format-ul acestora influențează interacțiunea utilizatorilor cu site-ul, cu atât mai mult cu cât acestea apar ca și anchor text într-un site extern.

Să-ți dau un  exemplu: galeria foto Flickr, un cunoscut site în domeniul photo sharing , afișează diferit title tag-ul; vei vedea în browser fie “Nume poză|Flickr-Photo Sharing” dacă ești pe pagina unei poze din colecție, fie “Flickr: Nume user’s Photostream” dacă vizualizezi profilul unui autor.

Deși ai fi tentat să spui ca nu există unitate în formatul title tag-urilor, acestea au fost gândite și testate de-a lungul timpului, iar impactul asupra audienței a fost analizat. De aceea nu este o regulă bine definită unde e mai bine să incluzi brand-ul în title tag, cât timp acesta e cunoscut și cu siguranță oferă încredere!

Tu ai title tag-uri optimizate pentru motoarele de căutare și sugestive pentru cititori?

Ce site-uri ți-au atras atenția prin formatul title tag-urilor?

Nu mai încape îndoială cât de importante sunt tehnicile de SEO (eng. search engine optimization) și că aplicate corect și continuu duc la creșterea traficului pe site și a numărului de conversii.

În primul rând cum funcționează motoarele de căutare: roboții sunt programați să parseze, să indexeze și să întoarcă rezultate la interogările userilor în funcție de relevanța și importanța paginilor găsite și evaluate. Cu ajutorul regulilor SEO, aceștia găsesc mai ușor și rapid informație utilă; poți să ai un un site excepțional, dar să rămână invizibil pentru roboții motoarelor de căutare dacă nu știi să-l promovezi prin tehnici SEO.

Cel mai important trafic pentru site-ul tău este cel organic, care vine din apariția în rezultatele motoarelor de căutare. Acesta  aduce rezultate pe termen lung, nu se oprește ca cel plătit odată cu terminarea bugetului de publicitate…

Mai mult de 1.1 miliarde de oameni folosesc lunar Google Search, făcând 114 miliarde de interogări. 53% dintre aceștia apasă pe primul rezultat organic, iar primele cinci rezultate atrag peste 80 % din utilizatori. Nu se știe exact cum funcționează algoritmul Google pe baza căruia afișează rezultate, se știe doar că ia în calcul mai mult de 200 de semnale atunci când determină SERP (eng. Search Engine Result Page).

Drept urmare SEO se realizează cel mai bine atunci când site-ul tău conține informații relevante atât pentru oameni, cât și pentru roboții motoarelor de căutare. Despre ce așteptări au oamenii atunci când apasă pe un rezultat din Google am mai discutat: conținut valoros, informații de încredere, web design atractiv și intuitiv.

Să vedem în schimb ce caută roboții atunci când parsează pe site-ul tău, îl evaluează și îi determină SERP-ul:

• Title tag: titlul așa cum apare în bara browserului și în rezultatele afișate de motoarele de căutare. Este de preferat să includă cuvintele cheie, să fie relevant pentru conținut și să aibă maxim 60 de caractere, pentru a nu fi afișat incomplet (eu de exemplu am stabilit pentru acest articol titlul SEO:optimizare site pentru vizitatori și motoare de căutare)
• Meta description: descrierea care apare în snippet sub titlul paginii sau articolului din lista de rezultate a motoarelor de căutare. Aceasta nu influențează poziția în listă, în schimb joacă un rol important în determinarea user-ului în a da click la tine pe site (eu am ales SEO funcționează pentru oameni, cât și pentru roboții motoarelor de căutare. Descoperă ce caută roboții atunci când parsează pe site-ul tău și îl evaluează!; are cuvinte cheie și cel mai important are CTA – eng. Call To Action, care invită vizitatorul să citească și un mesaj succint despre ce va găsi în articol. Descrierea afișată de motoarele de căutare include maxim 160 de caractere și sfatul meu este să te încadrezi pentru a nu avea un mesaj trunchiat
• H1 Tag: titlul paginii în HTML este scris cu tag-ul H1, fiind cel mai mare important; Tag-urile pot scădea până la H6 pe măsura importanței dacă folosești un sub-titlu sau mai multe în pagină
• Image Alt Text: de fiecare dată când inserezi o poză în pagină, recomand să asociezi și un text acesteia care va fi afișat în cazul în care imaginea nu apare (în caz că nu se încarcă poza din acest articol, va apărea denumirea acesteia Reguli SEO , textul alternativ salvat de mine; de asemenea ajut roboții motoarelor de căutare să găsească imaginea și să indexeze textul asociat)
• URL-uri sugestive pentru cititor: numele paginii din URL trebuie să poată fi citit și să se refere la conținutul paginii; în niciun caz nu lăsa URL-uri cu cifre și simboluri generate automat (am preferat să editez URL-ul și să scriu un titlu de pagină inteligibil  precum îl vezi tu în browser, în locul formatului post=420&action=edit&message=10). Sunt sigură că ți s-a întâmplat și ție să primești pe mail un link care arăta ca în exemplul meu, fără să poți intui măcar despre ce e vorba…Nu ai fost tentat să deschizi pagina, nu?
• Sitemap: creează o hartă a site-ului folosind un instrument specializat ca să ajuți roboții să parseze mai ușor; dacă folosești un editor de conținut (CMS – eng. Content Management System)  precum WordPress folosește opțiunea acestuia de generare automată
• Conținut unic și actualizat: roboții caută informații unicate, nu copiate și pot identifica ușor textele și imaginile preluate de pe alte site-uri; de aceea recomand să contribui aducând conținut relevant și documentat. Cu cât apare mai mult text actualizat, cu atât roboții au mai mult de indexat și evaluat, crescând șansele să apari în rezultatele căutărilor. Cu toate acestea, nu uita: calitatea este mai importantă decât cantitatea, deci nu scrie decât dacă aduci valoare adăugată celei deja existente în mediul digital!
• Viteză acceptabilă de încărcare a site-ului: atât vizitatorii, cât și roboții detesta ca paginile unui site să se încarcă greu. Pentru motoarele de căutare experiența de navigare a utilizatorilor este importantă și de aceea aceasta poate influența semnificativ în creșterea sau scăderea PR-ului (eng. page rank). Investește într-un server dedicat și performant, de la o companie de încredere și monitorizează permanent viteza site-ului! Pentru asta te poți folosi de Google Webmaster Tool, un instrument necesar în analiza performanțelor.
• Site usability: precum am mai zis, roboții apreciază interacțiunea pozitivă a oamenilor cu site-ul tău, judecând după bounce rate, numărul de pagini deschise, timpul petrecut pe fiecare. În mod indirect evaluează dacă site-ul are design intuitiv și interfață adaptată pentru tabletă sau smartphone, dacă funcționează pe toate browserele de internet.
• Internal Links : linkurile interne mențin un site coerent și rețin vizitatorii mai mult timp. De asemenea roboții parsează și indexează mai ușor dintr-o pagină în alta.
• InBound Links (IBL): linkurile din alte site-uri care fac trimitere către tine sunt foarte valoroase, cu atât mai mult cu cât acestea din urmă au Page Rank mare și notorietate în mediul online. Evită schimburile de linkuri și includerea site-ului tău în directoare; aceste metode nu mai sunt apreciate de roboții Google!

Aplică aceste reguli de SEO și cu siguranță vei obține rezultate! Urmărește evoluția rezultatelor în timp și fii la curent cu schimbările acestor tehnici!