Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Siguria
  • Titujt HTML (etiketat h1-h6), formatimi i tekstit html (i fortë, b, em, i, kuotat e bllokut, etiketat para). Etiketat h1, h2, h3 si të përdorni titujt në promovimin e SEO

Titujt HTML (etiketat h1-h6), formatimi i tekstit html (i fortë, b, em, i, kuotat e bllokut, etiketat para). Etiketat h1, h2, h3 si të përdorni titujt në promovimin e SEO

12/02/15 44.1K

Shpesh, webmasterët fillestarë mundohen nga pyetja se pse disa sajte renditen më lart dhe i tejkalojnë konkurrentët në rezultatet e kërkimit. Arsyeja për këtë mund të jetë vendosur gabimisht etiketat h1 , h2 ... h6. Nëse këto etiketa vendosen gabimisht, pa marrë parasysh specifikat e burimit, atëherë është më e vështirë për motorët e kërkimit të marrin informacion të saktë në lidhje me artikujt dhe fjalët kyçe të përfshira në të.

Etiketat h1 -h6 ju lejojnë të nënvizoni titujt e niveleve të ndryshme. Ato e bëjnë të qartë se cilat pjesë të tekstit pasqyrojnë më saktë temën e artikullit dhe ofrojnë një avantazh në renditje.

Etiketimi i duhur lejon motorët e kërkimit të shfaqin më saktë faqen për pyetje në rezultatet e kërkimit, gjë që ndikon në mënyrë të favorshme në pozicionin e burimit:

Pse na duhen etiketat h1-h6?

Etiketat përmbajnë emrin e faqes, titujt dhe nëntitujt e tekstit:


Në HTML, etiketat e titullit shënohen me h nga anglishtja "header", që do të thotë " titull, titull". Këtu është një shembull se si duket:

kokë

Etiketat e titujve duhet të vendosen në çdo faqe të burimit. Në të njëjtën kohë, rëndësia e titullit do të jetë zili për numrin e tij, sa më i vogël të jetë, aq më i rëndësishëm është titulli:

- etiketat më të rëndësishme

- etiketat më pak të rëndësishme...
- etiketat e fundit më të rëndësishme

Sidoqoftë, vendosja e tyre duhet të trajtohet me kujdes. Keqpërdorimi mund të rezultojë në penalizimin e burimit tuaj nga motorët e kërkimit.

Sintaksa e etiketave h1-h6

Emri i tekstit

Nëntitulli 1

...

Nëntitulli 2

Nëntitulli 3.1

...

Nëntitulli 3_2

Nëntitulli 3


Etiketat më të njohura janë h1 h2 h3.

Si të përdorni saktë etiketën h1?

Duke injoruar etiketën h1, webmasterët po e privojnë veten nga një avantazh kaq i rëndësishëm si optimizimi i përmbajtjes. Në motorë, shpesh shkruhet automatikisht, por jo gjithmonë, dhe ky fakt duhet të merret parasysh.

Etiketa HTML h1 është më e rëndësishmja në llojin e saj. Ai përmban emrin e faqes dhe titullin e artikullit. Sidoqoftë, nuk duhet të ngatërrohet me etiketën (<span>Titulli i faqes</span>). Titulli shfaqet në shfletuesin në krye të ekranit në anën e majtë në momentin kur hapet faqja e burimit. Titulli shkruhet në kokën e faqes ndërmjet <head></head>, ndërsa h1 -h6 janë të specifikuara në "trupin" e vetë faqes dhe janë të mbyllura në etiketa <body></body>.</p> <p>Mund të ketë vetëm një etiketë h1 për faqe. Nëse specifikoni disa tituj me etiketën h1, motorët e kërkimit mund ta konsiderojnë këtë si spamming, i cili nga ana tjetër kërcënon me një ndalim:</p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Rregullat për përpilimin e titullit kryesor h1: <ul><li>Etiketa duhet të përdorë fjalët kyçe të përdorura për të promovuar faqen;</li> <li>Mos e bëni titullin h1 shumë voluminoz, mjaftojnë disa fjalë;</li> <li>Teksti i titullit duhet të jetë i lexueshëm;</li> <li>Meta etiketa h1 nuk duhet të përmbajë asgjë tjetër përveç vetë tekstit. Nëse doni ta bëni atë të dallohet, vendosni kodet jashtë etiketës;</li> <li>Përpara se të shkruani manualisht h1, sigurohuni që motori të mos e vendosë atë automatikisht;</li> <li>Përmbajtja h1 duhet të korrespondojë me temën e treguar në titullin e faqes;</li> <li>Kur përpiloni h1, sigurohuni që të përdorni frazën kryesore në të cilën faqja po përparon;</li> <li>Përmbajtja e titullit duhet të jetë unike, e gjerë dhe tematike. Mos e bëni h1 një kopje të plotë të etiketës Titulli. Është e rëndësishme që h1 -h6 unike të shkruhen në secilën faqe të burimit, kështu që shmangni përsëritjen;</li> <li>Ju nuk mund të rendisni frazat kryesore në titull të ndara me presje. Përmbajtja e h1 duhet të jetë e qartë jo vetëm për motorët e kërkimit, por edhe për vizitorët e burimit.</li> </ul><p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p> <h3>Si të përdorni saktë etiketat h2-h6?</h3> <p>Përveç h1, etiketat h2, h3, h4, h5, h6, etj. përdoren për të rregulluar titujt që identifikohen nga motorët e kërkimit.</p> <h4>etiketa h2</h4> <p>Si rregull, përdoret për titujt e postimeve në burimin e vendosur në faqen kryesore ose për nëntitujt në artikull.</p> <h4>Etiketat h3, h4</h4> <p>Shpesh, ato përdoren për të theksuar emrat e nëntitujve, kategorive dhe miniaplikacioneve në shiritin anësor.</p> <h4>Etiketat h5, h6</h4> <p>Projektuar për elementë faqesh edhe më të vogla që duhet të ndahen nga pjesa tjetër e tekstit.</p> <p>Rregullimi i titujve h1 - h6 në versione të ndryshme të motorëve mund të zbatohet në mënyra të ndryshme.</p> <p>Rregullat e rregullimit h2 -h6:</p> <ul><li>Struktura e titullit. Hierarkia e kreut duhet të respektohet;</li> <li>Përmasa e germave. Sa më i ulët të jetë niveli i titullit, aq më i vogël është fonti. Redaktimi i shkronjave bëhet në stile. Por, si rregull, fontet kanë madhësitë e sakta si parazgjedhje;</li> <li>Etiketat e titujve nuk mund të përdoren së bashku me etiketat e tjera të theksuara. Në titujt rekomandohet përdorimi i fjalëve kyçe me të cilat do të promovohet kjo faqe në kërkim;</li> <li>Ndryshe nga h1, etiketat h2-h6 mund të shfaqen disa herë në një faqe.</li> </ul><p><body> <h1>Unë jam kreu i hierarkisë së titujve</h1> <h2>Femijet e mi</h2> <h3>nipërit e mi</h3> <h3>nipërit e mi</h3> <h3>nipërit e mi</h3> <h2>Femijet e mi</h2> <h3>nipërit e mi</h3> <h3>nipërit e mi</h3> <h3>nipërit e mi</h3> <h4>stërnipërit e mi</h4> <h4>stërnipërit e mi</h4> <h4>stërnipërit e mi</h4> </body></p> <ul><li>Nuk duhet të ketë spam;</li> <li>Përbërja e tekstit h1 - h6 duhet të bëhet duke përdorur sinonime dhe duke marrë parasysh rregullat e morfologjisë;</li> <li>Fjalët kyçe kryesore vendosen më mirë më afër fillimit të titullit;</li> <li>Frazat kryesore të shkruara në titujt duhet të gjenden në tekstin e faqes;</li> <li>Etiketat H1 - h6 duhet të jenë të shkurtra, koncize dhe informuese:</li> </ul> <p>Etiketat e titullit <h1>...<h6>duhet të jetë në çdo faqe të faqes. Rëndësia e secilit titull varet nga numri:</p> <blockquote><h1 ></h1 ><span>- etiketat më të rëndësishme të titujve</span> <h2 ></h2 ><span>- më pak domethënëse se e para</span> ... <h6 ></h6 ><span>- i fundit për nga rëndësia</span> </blockquote> <p>Këto etiketa duhet të trajtohen me kujdes pasi kanë një ndikim më të madh në renditjen e faqes. Me përdorimin e duhur të etiketave <h1>...<h6>shpesh është e mundur të arrihen pozicione të mira të faqes për pyetje vetëm në faktorë të brendshëm. Dhe situata e kundërt: në rast keqpërdorimi, mund të bini nën sanksionet e motorëve të kërkimit. Në këtë artikull, ne do të flasim vetëm për mënyrën e përdorimit të saktë të këtyre etiketave.</p> <p><b>Sintaksa e etiketës <h1>..<h6> </b></p> <blockquote><h1 >Titulli i artikullit</h1 > <h2 >Nëntitulli 1</h2 > ... <h2 >Nëntitulli 2</h2 > <h3 >Titra3_1</h3 > ... <h3 >Nëntitulli3_N</h3 > <h2 >Nëntitulli 3</h2 >etj.</blockquote> <p>Çdo titull ka një madhësi të ndryshme si parazgjedhje. Për shembull, kodi</p> <blockquote><h1 >Kreu h1</h1 > <h2 >kreu h2</h2 > <h3 >kreu h3</h3 > <h4 >kreu h4</h4 > <h5 >kreu h5</h5 > <h6 >kreu h6</h6 > </blockquote> <p>Faqja kthehet në këtë:</p> <p><b>Rëndësia e etiketave <h1>..<h6> </b> <br>Për sa i përket peshës dhe rëndësisë në promovimin e faqes në internet, etiketat e titullit h1-h6 janë në vendin e dytë pas etiketës <title>. Në shumë mënyra, rregullat për përpilimin e një titulli janë të ngjashme me h1.</p> <h2>Rregullat e përdorimit të etiketave <h1></h2> <ul><li>Etiketë <h1>duhet të jetë i pranishëm në një kopje në çdo faqe të faqes. Ky rregull nuk duhet të ngrejë pyetje, sepse çdo faqe e faqes duhet të ketë vetëm një titull. Dhe nëse nuk ka fare emër, atëherë pse na duhet fare një faqe e tillë?</li> <li>kokë <h1>duhet të jetë diku në krye të kodit html të faqes</li> <li><h1>duhet të jetë unik brenda sajtit, d.m.th. nuk duhet që disa faqe të emërtohen njësoj</li> <li>Titulli duhet të pasqyrojë thelbin e artikullit, të mos jetë shumë i gjatë.</li> <li>Nuk duhet të përmbajë asnjë element tjetër përveç titullit të faqes (d.m.th., lidhjet, hapësira, elementët e shkronjave, imazhet, etj. nuk mund të përdoren brenda h1)</li> <li>Është keq të keqpërdoren titujt. Për shembull, etiketat h3 përdoren shpesh në shabllone për titujt "Etiketat", "Komentet" në shiritat anësor. Nuk është e drejtë. Etiketat e titujve duhet të përdoren në artikull për të strukturuar siç duhet përmbajtjen dhe për të ndihmuar motorët e kërkimit dhe përdoruesit e përgjithshëm të kuptojnë shpejt artikullin.</li> <li>Këshillohet përdorimi i titujve pa parametra të klasës dhe id</li> <li>Është e rëndësishme të respektohet hierarkia e etiketave të titullit. Në këtë pikë është e nevojshme të ndalemi më në detaje.</li> </ul><h2>Rëndësia e Hierarkisë <h1>..<h6></h2> <p>Në kodin html të faqes, etiketa e parë duhet të jetë <h1>. Ju nuk mund të bëni një titull të parë <h2>, pas <h1>. Në mënyrë të ngjashme, me numrat e tjerë të etiketave. Këtu është përdorimi i saktë i etiketave:</p> <blockquote><h1 >Titulli i artikullit</h1 > ... <h2 ></h2 > <h3 ></h3 > <h4 ></h4 > ... <h4 ></h4 > <h3 ></h3 > ... <h3 ></h3 > <h2 ></h2 > ... <h2 ></h2 > <h3 ></h3 > </blockquote> <p>ato. çdo etiketë më e ulët është gjithmonë e vendosur brenda një etikete më të lartë. Kjo është hierarkia e saktë. Në këtë rast, kalime të papritura nga <h1>në <h4>, me <h2>në <h5>etj.</p> <p>Përveç një hierarkie të tillë, është gjithashtu e nevojshme të vëzhgohet hierarkia për sa i përket madhësive të shkronjave. ato. Titujt më të rëndësishëm duhet të jenë me font më të madh. Edhe pse askush nuk ka shpallur ende faktet konfirmuese që motorët e kërkimit analizojnë stilet që janë në skedarët .css, ekziston një rregull i tillë midis webmasterëve dhe optimizuesve në prapaskenë.</p> <p><b>Mund titullin <h1>dhe <title>përkojnë?</b> <br>Kjo pyetje tani është duke u debatuar. Nga njëra anë, është logjike që <title>dhe <h1>përputhen. Por nga ana tjetër, është si të dyfishosh titullin e faqes. Në përgjithësi, më shpesh titujt do të jenë të ndryshëm, sepse në <h1>vështirë se është e mundur dhe ka kuptim të shkruhen fjalët "Bli, çmim, foto", por në titull përdoren fjalë të tilla përkundrazi. Kur i përgjigjeni një pyetjeje, sigurohuni që çdo gjë të jetë e qartë për përdoruesin dhe të duket e natyrshme.</p> <p><b>Sa tituj mund të ketë <h2>, <h3>? </b> <br>Etiketat e titullit <h2> -<h6>mund të ketë disa për faqe, gjithçka varet nga madhësia e përmbajtjes. Sasia e përmbajtjes për titull duhet të jetë adekuate. Me fjalë të tjera, nuk duhet të jetë kështu pas titullit <h2>shkon 5 fjali, pastaj përsëri <h2>dhe përsëri një paragraf i vogël. Në raste të tilla, ndoshta është më mirë të mos përdorni fare etiketat e titullit.</p> <p>Mos i ngatërroni etiketat e titullit <head>dhe h1-h6. Disa janë të nevojshme për robotin e kërkimit, të tjerët për robotin e kërkimit dhe përdoruesit.</p> <p>Përshëndetje djema! Ndjej se situata po nxehet, filluan të depërtojnë paturpësi në komente, ofendime që më drejtohen. Epo, tashmë më mungojnë ato kohë. 🙂 Gjëja më e keqe është të injorosh. Dhe kur ata qortojnë - është mirë, do të thotë që unë ofendoj dikë. Kënaqësi. 🙂 Hej-ge-gay shoku komentator pershendetje!!! 🙂 Por për shkak të sharjeve, më është dashur të fshij komentin tuaj, e kam thënë më shumë se një herë që nuk do ta toleroj sharjen për një plan të tillë.</p> <p>Shumë më akuzojnë për shitjen e artikujve. Po, ka pasur një kohë, por unë premtova se numri i tyre do të zvogëlohej. Por disa ende mendojnë se nëse rishikoj ndonjë shërbim, ky postim është i korruptuar. Mendoni çfarë të doni, zotërinj. Ndërgjegjja ime është e pastër dhe buzëqesh në të gjithë 32 dhëmbët e mi të shtrembër. Unë jam në një humor të mirë, dhe lexuesit e mi të përkushtuar do të jenë, të paktën do të përpiqem. 🙂</p> <p>Në mësimin e fundit, fola për zgjerimin SEO për shfletuesit. Unë nuk vendosa vetëm të sjell një temë të gjatë. Vendosa të vendos me pika I. Shumë lexues më pyesin se si t'i përdor si duhet titujt h1, h2, h3, etj. Unë jam kthyer tashmë në 2012. Duke bërë auditime në shumë faqe, shoh të njëjtat gabime që nuk i pranoj. Pra, është koha për t'i shtuar pak këtij mësimi.</p> <p>Ndoshta disa optimizues do t'i konsiderojnë të padobishme etiketat h1 dhe të ngjashme, por shumica i mbështesin ato. Nëse ende nuk e kuptoni, SEO është një shkencë shumë e ndërlikuar, secili ka mendimin e vet.</p> <h2>Rregullat për përdorimin e titujve h1, h2, h3, h4 në faqe për sa i përket SEO</h2> <h3>Rregulli numër 1 <b>: </b> Duhet të ketë vetëm 1 etiketë h1 për faqe.</h3> <p>Mos harroni, vetëm 1, jo 2, veçanërisht jo 3. Shumë njerëz janë të interesuar se si të zbulojnë numrin e këtyre etiketave në një faqe, dhe shumë shpesh webmasterët fillojnë të zvarriten në kodin burimor të faqes dhe t'i kërkojnë manualisht këto etiketa . Unë gjithashtu e bëra këtë derisa "vëllai im në internet" Vitaly (http://mojwp.ru/) më sugjeroi një gjë shumë të ndërlikuar, e cila, siç rezulton, është e integruar në shiritin tim të preferuar të SEO.</p> <p>cfare kerkoni?</p> <br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy loading=lazy><p>Një plus i madh është 1 etiketë në h1 në faqe, e cila është shumë e mirë. Nëse nuk e keni ose ka më shumë se një, më poshtë do t'ju tregoj se si t'i hiqni ato shtesë, ose t'i shtoni ato.</p> <h3>Rregulli numër 2: titujt h2, h3, h4 duhet të jenë vetëm në vetë artikullin.</h3> <p>Në rastin tim, ju shikoni që h2 përdoret shumë saktë, por në etiketën h3, h4 kam "mbeturina". Kjo do të thotë, këto fraza nuk kanë ndonjë dobi në aspektin e SEO. Për më tepër, duke përdorur etiketat h në vende të panevojshme, ne zvogëlojmë rëndësinë e këtyre etiketave për motorët e kërkimit, pasi "pesha" e tyre është e shpërndarë në fraza të panevojshme. Prandaj, etiketat h duhet të jenë vetëm brenda artikullit. Po, ka përjashtime kur fjalët kyçe futen me shumë kompetencë në blloqe të veçanta në sit, por ato nuk e ngërthejnë në asnjë mënyrë shprehjen "Abonohu ​​në sit" etj.</p> <p><b>Si të rregulloni këto gabime?</b></p> <p>Për të rregulluar gabime të tilla, ne kemi nevojë përsëri për një shtesë tjetër, për të cilën kam folur tashmë - kjo (është gjithashtu e disponueshme për Chrome).</p> <p>E gjejmë elementin në etiketën h që nuk na nevojitet në faqe, për shembull, për shembull, do të marr shprehjen "Abonim" dhe "Site", për të cilat më tha shiriti RDS (ato janë në h4, shih foton e mësipërme). I gjeta këto 2 elemente në sit (ju mund të përdorni kërkimin në shfletuesin Ctrl + F duke futur frazën e nevojshme për kërkimin), ne "inspektojmë" njërën prej tyre duke përdorur Firebug:</p> <p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/firebug.jpg' width="100%" loading=lazy loading=lazy>Dhe në të djathtë shohim stilet e etiketës së dhënë h4 (në rastin tim):</p> <p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/stili-h4.jpg' width="100%" loading=lazy loading=lazy></p> <p>Ata do të jenë të dobishëm për ne tani. Hapim skedarin style.css të temës sonë dhe mu në fund shtojmë karakteristikat e këtij stili (shiko shigjetën në foton e mësipërme), thjesht duke e emërtuar diçka tjetër (kam vendosur ta quaj new4, mos harroni pikën ne fillim):</p> <p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/new-style.jpg' width="100%" loading=lazy loading=lazy>Meqenëse kjo shprehje "Subscription" është në fundin tim, unë hap skedarin footer.php, futem në frazën "Abonim" përmes CTRL + F, këtu është:</p> <p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/nahodim-h4.jpg' width="100%" loading=lazy loading=lazy>Dhe në vend të h4, ne përshkruajmë klasën tonë të re (në rastin tim, "new4"), domethënë, pas modifikimit, do të ketë një pamje të tillë:</p> <p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/analog-h4.jpg' width="100%" loading=lazy loading=lazy>E ruajmë skedarin, hapim Firefox-in, rifreskojmë faqen dhe shohim që etiketa h4 me fjalën "Abonim" është zhdukur:</p> <p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/propal-h4.jpg' height="169" width="308" loading=lazy loading=lazy>Meqenëse stilet e fjalëve "Subscription" dhe "Site" nuk ndryshojnë për mua, unë në mënyrë të ngjashme në fund të faqes në vend të etiketës h4 për fjalën "Site" përshkruaj klasën "new4" dhe shohim që tani nuk ka "junk" h4 në faqe:</p> <p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/h4-net.jpg' width="100%" loading=lazy loading=lazy>Ne kryejmë veprime të ngjashme me etiketat e panevojshme h3. Në rastin tim, në h3 është e gabuar të përdoren shprehjet "Abonohu ​​për mësime falas", "Mësime të ngjashme" etj. h3 duhet të përmbajë vetëm titullin që shfaqet në tekst. Në mënyrë të ngjashme, kaloni nëpër lloje të ndryshme faqesh (artikuj, faqe, kategori, etj.), por faqja kryesore është një histori më vete, për të cilën do të flas më poshtë.</p> <p>Nëse papritmas keni një artikull jo në h1, thjesht hapni skedarin e temës single.php, gjeni rezultatin e titullit të artikullit atje (kërkoni në kërkim përmes shprehjes "the_title") dhe kornizojeni atë në h1:</p> <p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/dobavlenie-tega-h1.jpg' width="100%" loading=lazy loading=lazy></p> <h3>Rregulli numër 3: rekomandohet shumë përdorimi i etiketës h1 në faqen kryesore.</h3> <p>Për momentin, nuk ka asnjë h1 në faqen time në faqen kryesore, gjë që mendoj se prish strukturën.</p> <blockquote><p>Unë besoj se një faqe nuk mund të ketë një etiketë h3 nëse nuk ka h2 sipër saj, as nuk mund të përdoret një h2 nëse nuk ka h1. Po kështu, përdorimi i h1 dhe h3, për shembull, pa h2 është gjithashtu i gabuar. Për më tepër, gjithçka duhet të ndjekë qartë strukturën: h2 nuk mund të jetë më e lartë se h1 në faqe, h3 nuk duhet të jetë më e lartë se etiketa e parë h2, etj.</p> </blockquote> <p>Çfarë të vendosni në h1 për faqen kryesore? Ky mund të jetë tekst që përfshin saktë fjalët kyçe më të kërkuara për të cilat po lëvizni. E përsëris, Fjalë për fjalë hyri, dhe jo një numërim i trashë.</p> <p>Gjithashtu, për shumë njerëz, përshkrimi në kokën e faqes tregon vetëm informacionin e duhur. Zakonisht ka fjalë kyçe “të shijshme” dhe titulli konsiderohet gjithashtu një “sweet spot”, ku është mirë të “ushqehen” motorët e kërkimit me frazat e duhura. Është mëkat të mos e përdorësh.</p> <blockquote><p>Mbani mend: titulli h1 duhet të jetë i ndryshëm nga titulli i faqes. Kjo do të jetë e dobishme për promovimin e kërkimit.</p> </blockquote> <p>Zakonisht, diku në këtë vend ka një përshkrim të faqes (në rastin tim nuk është): <br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie.jpg' width="100%" loading=lazy loading=lazy>Por këtu lind një problem i caktuar: nëse e shkruajmë këtë përshkrim në h1 në kokën e faqes, atëherë ai do të jetë gjithashtu në h1 brenda artikujve, gjë që është përsëri e gabuar.</p> <p>Kjo do të thotë, ne duhet të shkruajmë një funksion që bën si më poshtë: nëse jemi në faqen kryesore, atëherë tekstit në kokë i caktohet etiketa h1, por nëse jemi në një faqe tjetër nga ajo kryesore, atëherë e njëjta gjë. teksti shfaqet, në të njëjtin stil, por tashmë pa etiketën h1. Kjo është bërë në mënyrë që të mos ketë 2 etiketa h1 në faqet e brendshme (përshkrimi i faqes + titulli i artikullit).</p> <p>Dhe "vëllai im" tjetër në internet, këtë herë nga Kazani, emri i të cilit është Ramil (sa vjen keq që nuk ka blog, do të vendosja një lidhje tani), me mirësi ndau këtë funksion PHP (ju e dini, unë nuk nuk "gërmoj" në PHP), këtu është ajo:</p><p> <?php if(is_front_page()) {?><h1 id="description">Përshkrimi i faqes</h1> <? } else{ ?><strong id="description">Përshkrimi i faqes</strong> <?}?> </p><p>Këtu duhet të vendosni paraprakisht të njëjtat stile për h1 dhe për stilin "përshkrim" në style.css, në mënyrë që vizitorët të mos i shohin vizualisht ndryshimet.</p> <p>Ekziston gjithashtu një mendim se për të shmangur sanksionet nga motorët e kërkimit për mbispam, është më mirë të zëvendësohen titujt h2, h3 dhe h4 me stile, për shembull <div class=”zagolovok”>ose <p>Sipas mendimit tim, gjithçka. Nëse keni ndonjë pyetje - shkruani, në çfarëdo mënyre do të përgjigjem. Dhe po, vazhdoni të shkruani komente qesharake, ato më bëjnë të buzëqesh dhe të gëzohem. 🙂</p> <p>Çfarë është një titull, absolutisht të gjithë e dinë. Ky është një titull i gjerë, tërheqës, i cili, pavarësisht shkurtësisë së tij, përmban thelbin e një botimi të tërë, artikulli, etj. Por titulli në faqen e faqes nuk është aspak ai që jemi mësuar të shohim në gazeta, revista apo libra. Pse? Le të përpiqemi ta kuptojmë.</p> <h2>Çfarë është H1?</h2> <p>H1 është titulli kryesor në artikull, titulli i nivelit të parë. Çdo faqe në internet ka strukturën e vet. Titujt H1-H6 thjesht ju lejojnë të strukturoni saktë materialet, si për motorët e kërkimit ashtu edhe për përdoruesit. H1 - kreu kryesor, H2-H6 dytësor, nëntituj të ndërthurur. Në kod, titujt duken kështu: <h1>vetë titulli</h1>, numri thjesht tregon nivelin e titullit.</p> <p>Titujt në internet shërbejnë jo vetëm për të treguar strukturën dhe thelbin e asaj që përshkruhet, por edhe për të optimizuar faqen. Për ta sjellë sitin në pozicione të dukshme në rezultatet e kërkimit, shkruani titujt e duhur, duke respektuar 2 kushte të thjeshta:</p> <h2>Kushti 1. Fjalë kyçe në tituj</h2> <p>Për ta bërë këtë, duhet të keni zhvilluar një bërthamë semantike me cilësi të lartë - trajtojeni atë me shumë përgjegjësi dhe mbani mend se nuk mund të futni të njëjtin çelës në të gjitha faqet e faqes. Rëndësia është gjithçka: ju duhet të përmbushni pritjet e klientëve dhe motorëve të kërkimit. Në titujt e faqes kryesore, mund të merrni pyetje me frekuencë të mesme dhe me frekuencë të lartë. Dhe në faqet e produkteve (karta e produktit), titujt me çelësa me frekuencë të ulët janë mjaft të pranueshëm. Çelësi duhet të çojë në një pozicion ose njësi specifike, të jetë i saktë, jo i përgjithësuar.</p> <p>Kur vendosni fjalë kyçe, bëjeni me kujdes: mos i përdorni shumë fjalë kyçe ose mos bëni tituj të padëshiruar (për shembull, <i>blej një apartament në Moskë, blej një çantë frigoriferi, blej një motoçikletë Krasnoyarsk çmimin, nuk e kuptoj tëndin, etj.</i>). Mbani bukurinë e frazës dhe logjikën e saj. Në gjuhën e madhe dhe të fuqishme ruse, fjalët bashkohen dhe zvogëlohen, dhe robotët tani e kuptojnë kuptimin, ata e kuptojnë gjuhën jo më keq se ju dhe unë! Dhe mos u shqetësoni - mesazhet e padëshiruara janë të dukshme për të gjithë, dhe Baden-Baden është vetëm një hedhje guri, dhe mos harroni për Panda nga Google.</p> <p>Një shembull ku numri i çelësave shkon jashtë shkallës, forcë brutale.</p> <p>Nga kreu kryesor është e qartë se çfarë produkti do të diskutohet. Natyrisht, në paragrafin e parë nuk mund të bësh pa çelës, por bëje pa vëmendje, dhe jo aq hapur dhe agresivisht.</p> <p>Epo, shpresoj se askujt nuk do t'i shkojë ndërmend t'i shtyjë në titull të gjitha fjalët kyçe të destinuara për një faqe. Asgjë e mirë nuk do të vijë prej saj. =)</p> <p>Mos harroni se teksti është krijuar jo vetëm për motorët e kërkimit, por edhe për njerëzit. Në përgjithësi, robotëve u pëlqejnë tekstet humane, të thjeshta dhe të kuptueshme. Nëse në titull fjalët kyçe qëndrojnë organikisht në fillim të fjalisë, atëherë do të funksionojë pak më mirë. ato. Nga pikëpamja e optimizimit të faqeve për fjalën kyçe "Hotele në Moskë", titulli "Hotele në Moskë - faqet zyrtare, rishikimet, fotot" do të funksionojë më mirë se "Shqyrtime, foto dhe faqet zyrtare të hoteleve në Moskë".</p> <h2>Kushti 2. Etiketa <h1>-<h6></h2> <p>Kur vendosni tekste në sit, mos harroni të vendosni saktë etiketat. Etiketat për titujt e tekstit përcaktohen nga kodi i mëposhtëm HTML: <h1>-<h6>. Sipas vëzhgimeve tona, dy etiketa janë të mjaftueshme - <h1>-<h2>. Tani njerëzit nuk lexojnë tekste të mëdha, madje bazuar në logjikën e gjërave, foleja e një numri të tillë titujsh nuk është e nevojshme. Një përjashtim mund të jenë faqet me shumë video, foto, elemente ndërvepruese, etj. Por ky është ende përjashtim, jo ​​rregull.</p> <p>Motorët e kërkimit marrin gjithashtu parasysh dimensionin dhe rëndësinë e etiketave. <h1>-<h2>. Kur shtroni, duhet t'i kushtoni vëmendje faktit që titujt dallohen vizualisht nga teksti i përgjithshëm.</p> <p>Lidhjet në titujt nuk duhet të përdoren, veçanërisht në <h1>: në këtë mënyrë do ta largoni personin nga faqja në një material tjetër ose, nëse lidheni me të njëjtën faqe, krijoni një lidhje rrethore që nuk bën asgjë të mirë.</p> <p>Mund të referohet nga titujt e nivelit <h2>dhe më poshtë, por edhe nëse është e justifikuar dhe logjike.</p> <p>Zvarritësit e uebit i kushtojnë shumë rëndësi titujve pasi ato përdoren për të treguar informacione të rëndësishme. Kështu që makinat do ta kenë më të lehtë të lexojnë tekstin dhe të kuptojnë strukturën e tij, logjikën; shikoni se çfarë ka më shumë rëndësi. Mos u përpiqni të mashtroni dhe të aplikoni etiketa <h1>-<h6>për të gjithë tekstin në faqe, sepse nuk do të jetë i dobishëm. Robotët nuk janë budallenj, dhe përgjithësisht shumë të cenueshëm - ata mund të hakmerren për këtë me diçka të pakëndshme për faqen tuaj. Prandaj, mendoni shtatë herë më parë, pasojat janë të tmerrshme. Kur shkruani titujt në tekst, respektoni rregullat e mëposhtme:</p> <ol><p>Ne i vendosim gjërat në rregull. etiketa <h1>-<h6>të rregulluar sipas parimit të hierarkisë: tag <h1>më e rëndësishme se etiketa <h2>. Në realitet, duket kështu:</p> <p><img src='https://i1.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-02-mini.png' width="100%" loading=lazy loading=lazy></p> <p>Motorët e kërkimit janë perfeksionistë: ata e duan sekuencën e duhur, në mënyrë që gjithçka të jetë në vendin e vet, në raftet e saj. Prandaj, ne ndjekim logjikën: djali më i vogël nuk mund të lindë para më të madhit. Kjo nuk lejohet - këtu është një shembull me një hierarki të thyer:</p> <p><img src='https://i2.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-03-mini.png' width="100%" loading=lazy loading=lazy></p> <p>Përveç kësaj, etiketa <h1>luan një rol të rëndësishëm në formimin e lidhjeve të shpejta në rezultatet e kërkimit Yandex.</p> <p>Nëse gjithçka funksionon, atëherë efekti i një pune të tillë në dukje të parëndësishme dhe të lehtë nuk do të vonojë shumë.</p> <p>Dhe nëse keni ndonjë vështirësi, ju lutemi kontaktoni specialistët tanë, ne jemi të gatshëm të kontrollojmë nëse titujt e faqes tuaj janë shkruar saktë, t'i shkruajmë ato saktë në rast gabimesh dhe t'i përgjigjemi çdo pyetjeje. Përmbledhja e titujve për 1 faqe (+ përzgjedhja e 3 çelësave përkatës) - nga 450 rubla.</p></ol> <p>Pershendetje te gjitheve! <br>Kjo është një punë komplekse që kërkon vëmendje për çdo detaj. Edhe përdorimi i gabuar i titujve (etiketat H1, H2, H3) në faqet e faqeve mund të ndërhyjë në promovimin normal në motorët e kërkimit. Sot do të flasim pikërisht për këtë.</p> <p>Gjithçka që përshkruhet në mësimet e mësipërme do të jetë e dobishme sot.</p> <h2>Rregullat e titullit</h2> <p>Në botën e SEO, ekzistojnë disa rregulla për përdorimin e etiketave H1, H2, H3 dhe më poshtë, të cilat do të ishte e dëshirueshme të ndiqni në të gjitha faqet:</p> <ul><li>Duhet të ketë vetëm një titull të vetëm të nivelit të parë (H1) në faqe;</li> <li>Titulli H1 nuk duhet të jetë i njëjtë me titullin e faqes;</li> <li>Titujt H2, H3, H4 duhet të përdoren vetëm brenda artikullit;</li> <li>Vetëm frazat që janë të dobishme duhet të përdoren në tituj, domethënë në etiketat H1 ... H6 nuk duhet të ketë fraza të pakuptimta, si: komente, abonim, komente, etj.;</li> <li>Mbani hierarkinë e titullit. Titulli i nivelit të dytë duhet të jetë nën H1, titulli i nivelit të tretë duhet të jetë më poshtë <b>së pari</b> H2. Përndryshe, roboti i kërkimit, i cili sheh vetëm kodin HTML, nuk do ta perceptojë saktë faqen, gjë që ne nuk e duam.</li> </ul><p>Unë tashmë shkrova shkurtimisht për këto rregulla në një mësim mbi. Sigurohuni që ta lexoni, ka shumë informacione të dobishme!</p> <h2>Si e dini nëse titujt janë përdorur si duhet?</h2> <p>A jeni njohur me shfletuesin Mozilla Firefox? Ndoshta po. Pra, ky shfletues, falë një shtojce me funksionalitet të mirë, ofron mundësi të shkëlqyera për të analizuar faqet. Emri i kësaj shtojce është shiriti RDS. Mund ta shkarkoni nga kjo lidhje, por duhet ta bëni në Firefox, kështu që nëse nuk e keni të instaluar këtë shfletues, shkarkoni dhe instaloni më shpejt.</p> <p>Shiriti RDS mund të instalohet në shfletues të tjerë, por funksionaliteti i tij është shumë më i gjerë në Mozilla Firefox.</p> <p>Përpara se të kalojmë në analizimin e faqeve të faqes, duhet të bëni rregullime të vogla në shtojcën:</p> <img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy loading=lazy><p>Tani mund të shohim lehtësisht se sa etiketa H1, H2, H3 janë në faqe, do të shohim tituj shtesë dhe do të dimë se çfarë duhet të modifikohet. Ju mund ta shihni gjithë këtë shkëlqim duke klikuar në butonin e etiketave SEO në shiritin RDS, i cili sapo është aktivizuar: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p> <p>Sapo të klikoni në këtë buton, një mesazh i vogël do të shfaqet para syve tuaj: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy loading=lazy></p> <p>Ky postim përmban , kokën H1 dhe të tjera. Siç mund ta shihni, në faqet e blogut tim, gjithçka është në rregull me këtë, pasi e rregullova këtë bllokim një javë më parë, por në faqen e klientit, gjithçka është shumë më keq.</p> <p>Unë do të listoj gabimet:</p> <ol><li>Dyfishim ndërmjet titujve H2 dhe H5;</li> <li>Nuk ka tituj të nivelit të tretë;</li> <li>H4 përmban plehra.</li> </ol><p>Ka shumë punë për të bërë, kështu që unë do të demonstroj korrigjimin e gabimeve duke përdorur një shembull. Do të përpiqem të ndryshoj etiketat H5 në etiketat H3 në mënyrë që hierarkia e titullit të respektohet.</p> <h2>Si të korrigjoni gabimet?</h2> <p>Për ta bërë këtë, më duhen skedarët e faqes (), Notepad ++ dhe Mozilla Firefox.</p> <ol><li>Për të ditur saktësisht se ku ndodhet etiketa problematike dhe klasa e stilit të saj, duhet të përdorni mjetin e integruar të Inspect Element të shfletuesit: <img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Zhvendosni mbi një element specifik, kliko me të djathtën mbi të dhe zgjidhni Inspect Element. Një zonë do të shfaqet në fund të dritares ku mund të shihni klasën e stilit të elementit HTML dhe stilet e tij CSS: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li> <li>Shikoni klasën e stilit të elementit që ju nevojitet dhe kopjoni atë për ta gjetur më vonë në kodin e faqes. Në rastin tim, klasa e titullit H2 është page-box__title: Unë dua të ndryshoj nivelin e titullit H5 në H3, pasi H5 liston fjalët kyçe përkatëse.</li> <li>Më pas, duhet të gjeni një element me këtë klasë në dosjen e faqes, për këtë ne do të përdorim funksionet e integruara, përkatësisht kërkimin e skedarëve. Hapni Notepad++, në menunë e sipërme, gjeni artikullin "Kërko" dhe zgjidhni "Gjeni në skedarë" në menunë rënëse: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy loading=lazy></li> <li>Në fushën "Gjeni", unë fut klasën e stilit të titullit të nivelit të pestë (page-box__title), dhe në fushën "Folder" specifikoj shtegun për në dosje me sitin: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Pasi të klikoj në butonin "Gjej të gjitha", procesi i kërkimit të skedarit do të fillojë: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy loading=lazy></li> <li>Në fund të dritares së punës të Notepad ++, do të paraqiten rezultatet e kërkimit, ndër të cilat është i njëjti titull i nivelit të pestë (H5) me klasën "page-box__title": <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Për të shkuar drejtpërdrejt te skedari që përmban titullin e dhënë, thjesht klikoni dy herë në rezultatin e kërkimit;</li> <li>Tjetra thjesht ndryshoj etiketat <h5></h5>në etiketa <h3></h3>: Sigurohuni që ta ruani skedarin;</li> <li>Ne shikojmë rezultatin në sit: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Nuk duket shumë mirë.</li> <li>Për t'i bërë titujt të duken normalë, duhet të bëni ndryshime në skedarin e stilit (style.css). Meqenëse titujt e dhënë në shembull janë të mbyllura në etiketë <a>, atëherë me shumë mundësi rregulli në style.css do të duket kështu: .page-box__title > a (përzgjedhës i fëmijëve). Duke kërkuar në Notepad++ gjeti këtë: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Ju duhet të shtoni vetinë e madhësisë së shkronjave (madhësia e shkronjave) në rregullin e stilit me vlerën që ju nevojitet. Në rastin tim, madhësia optimale e shkronjave do të ishte 14 px: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li> <li>Le të shohim rezultatin: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Siç mund ta shihni, titujt filluan të shfaqen normalisht.</li> </ol><p>Në të njëjtën mënyrë punojmë me titujt e tjerë. Pasi të keni mbaruar, mos harroni të shtyni ndryshimet tuaja në server. Ju mund ta bëni këtë përmes FileZilla, për të cilën fola</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Artikujt kryesorë të lidhur</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/sq/kuda-vvodit-koordinaty-v-google-earth-koordinaty-google-interesnye-mesta-v-google-maps.html"> <div class="img_container"><img src="/uploads/5e572bff82285f2c3fa8f1ab6fca403a.jpg" border="0" alt="Ku të futni koordinatat në Google Earth" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Ku të futni koordinatat në Google Earth</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/sq/besplatnye-programmy-dlya-windows-skachat-besplatno-besplatnye.html"> <div class="img_container"><img src="/uploads/36c42a15ebb60ef12366c40e2cc272b1.jpg" border="0" alt="Programe falas për Windows shkarko pa pagesë Shkarkoni shfletuesin e proteinave në Rusisht" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Programe falas për Windows shkarko pa pagesë Shkarkoni shfletuesin e proteinave në Rusisht</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/sq/kernel32-dll-oshibka-v-vindovse-ustranyaem-oshibku-kernel32-dll-v-windows-oshibka-dll.html"> <div class="img_container"><img src="/uploads/5f22258ee5cab7d85cd87312f5b60556.jpg" border="0" alt="Zgjidhja e problemeve të kernel32 dll në gabimin e Windows DLL?" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Zgjidhja e problemeve të kernel32 dll në gabimin e Windows DLL?</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Kategoritë:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/sq/category/programs/">Programet</a></li> <li class=""><a href="https://bumotors.ru/sq/category/safety/">Siguria</a></li> <li class=""><a href="https://bumotors.ru/sq/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/sq/category/iron/">Hekuri</a></li> <li class=""><a href="https://bumotors.ru/sq/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/sq/category/vkontakte/">Në kontakt me</a></li> <li class=""><a href="https://bumotors.ru/sq/category/errors/">Gabimet</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/zagolovki-html-tegi-h1-h6-html-formatirovanie-teksta-tegi-strong-b-em-i-blockquote-pre-tegi.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/zagolovki-html-tegi-h1-h6-html-formatirovanie-teksta-tegi-strong-b-em-i-blockquote-pre-tegi.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Fsq%2Fzagolovki-html-tegi-h1-h6-html-formatirovanie-teksta-tegi-strong-b-em-i-blockquote-pre-tegi.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2022 bumotors.ru. Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ.</span> </div> </div> </div> </div> </body> </html>