როგორ შევამციროთ სათაურის გამოსახულების ბლოკის სიმაღლე? სწორი h1 და ქვესათაურის სტრუქტურის შედგენა h1-ის სწორად ჩაწერის წესები


გამარჯობა ძვირფასო მეგობრებო. დღეს ჩვენ ვისაუბრებთ ჩემთვის მტკივნეულ პრობლემაზე, კერძოდ h1 სათაურებზე. ზოგადად, თქვენ უკვე იცით, რომ WordPress თემის დაყენების შემდეგ, თქვენ ასევე მოგიწევთ მისი შეცვლა თქვენს საჭიროებებზე. და კარგია დიზაინის შესწორება, თუ თქვენ გჭირდებათ დიზაინის ელემენტების გაერთიანება , შესაძლოა შრიფტის ზომების კორექტირება შეიძლებოდა, მაგრამ სიას შეიძლება დიდი დრო დასჭირდეს. მერე რა პრობლემაა?

რა პრობლემები შემექმნა ჩემს ბლოგზე h1 სათაურებთან?

საქმე იმაშია, რომ ყველა ეს გაუმჯობესება არ უნდა დაიკარგოს თემის განახლებისას. ჩემთვის, როგორც კი თემა განვაახლე, მოდი ისევ დავაყენოთ ყველაფერი. მაგრამ ხრიკი განსხვავებულია, დიზაინის ელემენტები ყვავილებია და ხრიკი იმაშია, რომ ამ განახლებების შემდეგ ჩემი h1 და h2 სათაურები შეჩერდა და მუდმივად იცვლის ადგილებს. იცით თუ არა, რომ საძიებო სისტემები არ ანიჭებენ უპირატესობას საიტებს, სადაც h1 ტეგი აკლია ან ძალიან ხშირად გამოიყენება.

აქ ცოტა დაწვრილებით გეტყვით. ასე რომ, WordPress-ის თითქმის ყველა თემას აქვს შესაძლებლობა მიუთითოს საიტის სათაური და აღწერა.

და ასევე დააინსტალირეთ ლოგო.

ჩემს თემასაც აქვს ეს ყველაფერი. სათაური იწერება h1 ტეგით, ხოლო საიტის აღწერა h2 ტეგით. ხოლო თუ ლოგოს დააინსტალირებთ, ის დაინიშნება როგორც სათაური და შედის h1 ტეგში.

და როგორც ჩანს, ყველაფერი კარგადაა - მთავარ გვერდზე საიტის სათაურს აქვს h1 ტეგი, ხოლო სტატიების სათაურებს აქვს h2 ტეგი. მაგრამ სტატიებსა და გვერდებზეც თავიდან ასე იყო. უფრო მეტიც, ეს არ არის მხოლოდ ჩემს თემაში; WordPress-ის ბევრ თემაში სტატიების და გვერდების სათაურები იწერება h2 ტეგში - რაც არასწორია SEO წესების მიხედვით.

ეს პუნქტი გავასწორე - სტატიებსა და გვერდებზე შევცვალე სათაურები h1-ით, ხოლო საიტის სათაური h2-ით.

მაგრამ ახლა განახლება გავიდა, ვიზუალურად შევამჩნიე მხოლოდ დიზაინის პრობლემები. გავასწორე და არაფერზე არ მჭირს. გარკვეული პერიოდის შემდეგ, მოხდა კიდევ ერთი განახლება და დიზაინის გარდა, ხეების კომენტარები შეჩერდა. ჰოდა, ვიზუალურად ეს შევნიშნე.

ესე იგი, გადავწყვიტე თემა აღარ გავაახლო, არამედ მთლიანად გამომეცვალა. მაგრამ ჯერ დრო არ არის. სანამ ამას გავაკეთებ, მე უნდა გავუმკლავდე ჩემს ამჟამინდელ თემას.

მაგრამ ბოლო განახლების შემდეგ, ფაქტობრივად, ყველაფერი უარესი აღმოჩნდა - h1 და h2 ტეგები შეიცვალა. უფრო ზუსტად, სურათი, რომელიც მე ლოგოდ გამოვიყენე, რომელიც h1 ტეგში იყო ჩასმული, უბრალოდ გაქრა (მთავარ გვერდზე). ასე რომ, მთავარ გვერდზე საერთოდ არ დარჩა h1 ტეგი. მაგრამ სტატიებსა და გვერდებზე საიტის სათაურმა შეიძინა h1 ტეგი. და შესაბამისად, საიტის სათაური და სტატიის სათაური იყო დანიშნული h1 ტეგით. Ძალიან ბევრი!

ამ დაბნეულობამაც იქონია გავლენა - საიტის სათაური გაქრა.

და ამიტომ, ამ ხარვეზების აღმოსაფხვრელად, გადავწყვიტე, რომ საჭირო იყო საიტის სათაურის ჩვენება h1 ტეგით, იმისდა მიხედვით, თუ რომელი გვერდი იყო გახსნილი. და ეს უნდა გაკეთდეს თემის ფუნქციების გვერდის ავლით.

როგორ შევცვალოთ h1 სათაურის ტეგი პირობების მიხედვით

მე თვითონ გამოვკვეთე ეს ლოგიკური თანმიმდევრობა - თუ მთავარი გვერდი, ძიების შედეგები, არქივი, ზოგადად, იხსნება ნებისმიერი გვერდი, გარდა სტატიებისა და ცალკეული გვერდებისა, მაშინ საიტის სათაური უნდა იყოს მითითებული h1 ტეგით.

თუ სტატია ან ცალკე გვერდი იხსნება, საიტის სათაური უნდა იყოს მითითებული h2 ტეგით.

ასე რომ, დავიწყოთ ჩვენი გეგმების განხორციელება.

მოგეხსენებათ, თითქმის ყველა თემაში შაბლონი შედგება რამდენიმე ბლოკისგან და ბლოკებისაგან, როგორიცაა სათაური (header.php), ქვედა კოლონტიტული (footer.php), საიტის ზოლი (sidebar.php) ცალკე ელემენტების სახით დაკავშირებულია მთავარ გვერდზე (ინდექსი). .php), სტატიები (single.php), გვერდები (page.php).

ამიტომ, საიტის სათაური და აღწერა მოცემულია სათაურში ( header.php). და თქვენ უბრალოდ უნდა დაწეროთ პირობა, რომელიც შეცვლის h1 ტეგს იმის მიხედვით, თუ რომელი გვერდი გაიხსნება.

და ამისათვის გახსენით WP ადმინისტრაციული პანელი – "გარეგნობა""რედაქტორი""Header (header.php)".

თქვენ უნდა იპოვოთ კოდის ხაზი h1 ტეგით, ზოგიერთ შემთხვევაში ეს შეიძლება იყოს ასევე h2 ტეგი. ნებისმიერ შემთხვევაში, ყურადღება უნდა მიაქციოთ ამ სტრიქონების შინაარსს. თავიდან ჩემი თემა იყო ასეთი.

საიტის სათაური.

">

საიტის აღწერა.

ეს არის ის, რაც საჭიროებს გამოსწორებას. თქვენ შეგიძლიათ დაამატოთ მხოლოდ მიკრო მარკირების კოდი საიტის აღწერილობაში, მაგრამ ჩვენ ვიმუშავებთ საიტის სათაურთან.

ასე რომ, კოდის ხაზამდე h1 სათაურით, ჩადეთ ეს კოდი:

ეს პირობა ნიშნავს:თუ (თუ) "not" (!) სტატია (is_single) და (&&) "not" (!) გვერდი (is_page) ღიაა, საიტის სათაური მითითებული იქნება h1 ტეგით.

და h1 კოდის ხაზის შემდეგ, თქვენ უნდა დახუროთ მდგომარეობა ამ კოდით:

შედეგად, თქვენ უნდა დაასრულოთ მსგავსი რამ:

">

ახლა კი, ანალოგიით, ჩვენ ვამატებთ კიდევ ერთ პირობას, პირველის შემდეგ:

">

ეს პირობა ნიშნავს:თუ (თუ) სტატია (is_single) ან (||) გვერდი (is_page) ღიაა, საიტის სათაური მითითებული იქნება h2 ტეგით.

ყურადღება მიაქციეთ, რომ მე შევცვალე სათაურის ტეგი მეორე პირობაში h1-დან h2-მდე. თქვენ ასევე შეგიძლიათ შეცვალოთ h1 აბზაცით (p) ან div და span ბლოკებით. Ეს არის მნიშვნელოვანი!

შეინახეთ ფაილი და შეამოწმეთ.

როგორ უნდა იყოს პირობების განხორციელების შემდეგ

მთავარ გვერდზე, სათაურებში, ძიებაში და ა.შ., საიტის სათაური უნდა იყოს მითითებული h1 ტეგით, ხოლო ყველა სტატიის სათაური და ა.შ. უნდა იყოს h2, h3...

როდესაც ხსნით სტატიას ან ცალკეულ გვერდს, საიტის სათაური იცვლება h2-ზე. თუ წინა ეტაპზე შეცვალეთ h2 p, div, span-ზე, მაშინ თქვენი ცვლილებები შესაბამისი იქნება. უბრალოდ არ დაგავიწყდეთ ამ ელემენტების სტილის დამატება.

აქ ძალიან მნიშვნელოვანია single.php და page.php ფაილებში შეამოწმოთ, რომ სტატიების და გვერდების სათაურები მითითებულია h1 ტეგით. თუ ეს არ არის თქვენთვის, გახსენით ეს ფაილები და შეასწორეთ ნომრები.

შეჯამება

ამ გადაწყვეტით, მე მოვიშორე კონფლიქტი h1 და h2 სათაურის ტეგებთან და აღვადგინე მიკრო მარკირების ფუნქციონირება. მხოლოდ რამდენიმე ხაზი კოდი, მაგრამ რა მოსახერხებელია.

მეგობრებო, თუ თქვენ გაქვთ მსგავსი სიტუაცია, გაითვალისწინეთ ეს.

და ბოლოს, ვიდეო გაკვეთილი თემაზე. ჩემს ბლოგზე ვაჩვენებ როგორ მუშაობს ეს მეთოდი.

და ეს ყველაფერი ჩემთვის დღესაა. გისურვებთ ყველას კარგ განწყობას და გნახავთ ახალ სტატიებსა და ვიდეო გაკვეთილებში.

როგორ ხდება სათაურების რეიტინგები WordPress საიტზე და რატომ უნდა იყოს მხოლოდ ერთი უმაღლესი დონის სათაური თითოეულ გვერდზე? ჩვენ განვიხილავთ, თუ როგორ შევამოწმოთ H1 ტეგების რაოდენობა ვებსაიტზე და რა უნდა გავაკეთოთ, რომ თავიდან ავიცილოთ მათი დუბლირება თემაში.

რამდენი სათაური შეიძლება იყოს H1 ტეგით WordPress გვერდზე?

გვერდის შაბლონი სტრუქტურირებულია H1-დან H6-მდე სათაურების გამოყენებით. რიცხვის მატებასთან ერთად, შრიფტის ზომა ჩვეულებრივ მცირდება და სათაურები ჩასმულია 1-ში 1-ში. WordPress საიტებისთვის H1 სათაური ჩვეულებრივ დაცულია გვერდის სათაურისთვის, H2 გამოიყენება გვერდის მნიშვნელოვანი ელემენტების სარჩევისთვის. უფრო ღრმა დონეები - ქვესათაურები - გვხვდება სტატიების სხეულში, რათა ჩამოაყალიბონ ტექსტის სტრუქტურა და კითხვის სიმარტივე.

მნიშვნელოვანია, რომ გვერდზე იყოს მხოლოდ ერთი H1 სათაური, რადგან ის ყურადღებას ამახვილებს იმ ინფორმაციაზე, რომელსაც ეძღვნება საიტის გვერდი. თუ რაიმე მიზეზით დაინსტალირებული WordPress თემა შეიცავს რამდენიმე სათაურს, რომლებიც მონიშნულია H1 ტეგით, საძიებო სისტემებმა შეიძლება ჩათვალონ ეს ზედმეტად ოპტიმიზაციის ან სპამის მცდელობად და საიტის რეიტინგის დაქვეითება ძიების შედეგებში.

ყურადღება მიაქციეთ, თუ როგორ ქმნის WordPress სათაურების სხვადასხვა დონეს გვერდის ან პოსტის დამატებისას.

  • პოსტის ან გვერდის რედაქტირების ფანჯარაში არის გამოყოფილი ველი სათაურის დასაწერად (1). სწორედ აქ მდებარეობს ზედა დონის სათაური. იგი მონიშნული იქნება H1 ტეგით პირდაპირ პოსტის გვერდზე ან H2 ტეგით, თუ რამდენიმე პოსტის განცხადება გამოჩნდება მთავარ გვერდზე. ამ უკანასკნელ შემთხვევაში, ასეთი სათაური არის გვერდის ბმული პოსტის სრული შინაარსით.
  • ტექსტის რედაქტორის ფანჯარაში შედის სტატიის ძირითადი ნაწილი (2), რომელიც საშუალებას გაძლევთ დაფორმატოთ ტექსტი ხელსაწყოთა ზოლის გამოყენებით (3). პირველი დონის სათაურის გამოყენება აქ აღარ არის საჭირო; გამოიყენეთ დონეები H2–H6 სტატიის სტრუქტურირებისთვის და სპამის თავიდან ასაცილებლად.

ვირტუალური ვებ ჰოსტინგი პოპულარული CMS-ისთვის:

როგორ შევამოწმოთ, არის თუ არა H1s დუბლიკატი WordPress შაბლონში

ზედა დონის სათაურების რაოდენობის შესამოწმებლად, თქვენ უნდა გახსნათ გვერდის კოდი და დათვალოთ სტრუქტურები, რომლებიც იწყება ტეგით.

. გთხოვთ გაითვალისწინოთ, რომ ეს ტეგი დაწყვილებულია, ის დახურულია კონსტრუქციით

. ყველაფერი, რაც მათ შორის მდებარეობს, ეკუთვნის პირველი დონის სათაურს.

კოდის შემოწმება ხდება ერთ-ერთი შემდეგი გზით:

  • საიტის სასურველ გვერდზე ყოფნისას დააჭირეთ კლავიშთა კომბინაციას CTRL + U. იხსნება კოდი, რომელშიც უნდა იპოვოთ ყველა H1 ტეგი. თქვენი ძიების გასაადვილებლად გამოიყენეთ კომბინაცია CTRL + F.
  • დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ნებისმიერ გვერდზე და აირჩიეთ გვერდის წყაროს ნახვა. შემდეგი, მოძებნეთ H1 ტეგები.
  • გადაიტანეთ სათაური, რომელიც გსურთ, დააწკაპუნეთ მარჯვენა ღილაკით და აირჩიეთ Inspect Element. ფანჯარაში, რომელიც იხსნება, ხაზგასმული იქნება მითითებული გვერდის ელემენტის კოდი.

მაგალითად, საიტის მთავარ გვერდზე პოსტის სათაურის შემოწმება აჩვენებს, რომ ის ეკუთვნის მეორე დონის H2 სათაურს და შეიცავს ბმულს ახალ გვერდზე გადასასვლელად.

თუ რამდენიმე სათაურია, თქვენ უნდა შეცვალოთ ზოგიერთი მათგანი

პირდაპირ პოსტის გვერდზე გადასვლისას, იგივე სათაურის შემოწმებას უკვე აქვს პირველი დონის სათაურის სტატუსი, რომელიც მითითებულია H1 ტეგით. გადახედეთ გვერდის კოდს - ეს უნდა იყოს ერთადერთი სათაური. თუ აღმოჩენილია სხვა H1 ტეგები, საჭიროა კოდის შესწორება. თუ სათაური დუბლირებულია საიტის შაბლონში, აუცილებელია ამ ელემენტების გამომავალი სხვა ტეგით ჩანაცვლება ყველა ადგილას, გვერდის სათაურის გარდა, მაგალითად, , CSS ფაილში მსგავსი სტილის დამატება. ამ შემთხვევაში, შაბლონის გარეგნობა იგივე დარჩება, მაგრამ საძიებო სისტემები არ განიხილავენ გვერდს ზედმეტად ოპტიმიზებულად.

როგორ დავაფიქსიროთ დუბლიკატი სათაურები WordPress თემაში და ამოიღოთ არასაჭიროები

ზოგიერთ შაბლონში საიტის სახელი ლოგოსთან ერთად ხშირად არის გახვეული H1 ტეგებით. ეს იწვევს პირველი დონის სათაურების დუბლირებას, ვინაიდან იგივე ტეგი შეიფუთება პოსტის ან გვერდის სათაურში.

თუ ამგვარ შეცდომას იპოვით თემაში, რომელსაც იყენებთ, უნდა გადახვიდეთ WordPress-ის ადმინისტრატორის კოდის რედაქტორში და გახსნათ header.php შაბლონი. დაამატეთ ასეთი პირობითი კონსტრუქცია თქვენს შაბლონის კოდს:


ლოგოს მთავარ გვერდზე განთავსების კოდი



ლოგოს სხვა გვერდებზე განთავსების კოდი

ამ შემთხვევაში, მხოლოდ მთავარ გვერდზე ლოგო გამოჩნდება H1 ტეგების შიგნით; ყველა დანარჩენზე ის აღარ იქნება დუბლირებული პოსტის სათაურებით წარმოდგენილი ზედა დონის სათაურები.

სათაურის ზომის შესაცვლელად, თქვენ უნდა მიუთითოთ ზომა css სტილში

WordPress-ის მრავალი თანამედროვე შაბლონი საშუალებას გაძლევთ შეცვალოთ ძირითადი ტექსტის ელემენტების ზომა შაბლონის პარამეტრებში. უბრალოდ გადადით ადმინისტრაციულ პანელზე განყოფილებაში "გარეგნობა" - "თემები" - "მორგება" მიმდინარე შაბლონისთვის და შეცვალეთ სათაურებისა და ტექსტების სასურველი ზომა. თუ ეს შეუძლებელია, თქვენ უნდა იპოვოთ h1 სათაურთან დაკავშირებული შრიფტის ზომის კოდი style.css ფაილში და დააყენოთ სასურველი ზომა.

ჩემს ტოპ საინფორმაციო პროექტებზე ჯერ თემის სპეციალისტი ადგენს სტატიის სტრუქტურას (სათაურები და ქვესათაურები), შემდეგ კი კოპირაიტერები მათზე დაყრდნობით წერენ ტექსტს.

სტრუქტურა რეალურად ძალიან მნიშვნელოვანია, თუ ზრუნავთ ხარისხზე. და ნორმალური სტრუქტურის შესაქმნელად, თქვენ უნდა გესმოდეთ, თუ როგორ მუშაობს h ტეგები.

h1 არის სტატიის მთავარი ქვესათაური, რომელიც ჩვეულებრივ მოთავსებულია ტექსტის ზემოთ.

პირველი სათაური უნდა იყოს ვიზუალურად უფრო დიდი ვიდრე გვერდის სხვა სათაურები.

h2-h6 არის პატარა ქვესათაურები, რომლებიც მოთავსებულია ბუდეების პრინციპის მიხედვით.

რისთვის არის თუნდაც სათაურები?

მათთვის, ვინც არ იცნობს ამ თემას, აქ არის, პრინციპში, კარგი ვიდეო h1-h6 ქვესათაურების შედგენის საფუძვლების შესახებ. თუ თავს ექსპერტად არ თვლით, გადახედეთ:

და მასალის კონსოლიდაციისთვის, ცოტა სუსტი ვიდეო:

სათაურები შექმნილია იმისთვის, რომ ერთ ფრაზაში ან თუნდაც სიტყვაში ხაზგასმით აღვნიშნოთ მთავარი არსი, შემდგომი ტექსტის იდეა. ჩვეულებრივ, ადამიანი პირველ რიგში მათზე აქცევს ყურადღებას და წყვეტს წაიკითხოს თუ არა დანარჩენი მასალა. სათაურები განსაკუთრებით მნიშვნელოვანია სარეკლამო ტექსტებსა და წერილებში და ემსახურება როგორც სამიზნე აუდიტორიის ყურადღების მიქცევის მთავარ ინსტრუმენტს.

კოდში ტეგი ასე გამოიყურება:

, სადაც ასო h მომდინარეობს სიტყვიდან "header", რაც ნიშნავს "სათაურს". თითოეული დონე მითითებულია შესაბამისი ნომრით.

H-ტეგები ხალხის თვალით

ქვესათაურებად დაყოფილი ტექსტი გამოიყურება უფრო დახვეწილი და ადვილად იკითხება. თანამედროვე მომხმარებელმა დიდი ხანია ისწავლა სტატიების სკანირება სულ რამდენიმე წამში და სწრაფად გამოიტანა დასკვნები იმის შესახებ, ღირს თუ არა მთელი ტექსტის წაკითხვა და შეიცავს თუ არა ის სასარგებლო ინფორმაციას, რომელსაც ეძებს. სათაურები იპყრობს თვალს, ხაზს უსვამს მთავარს და აძლევს მომხმარებელს მასალის გაანალიზების შესაძლებლობას.

ტეგები h1, h2, h3, h4, h5, h6 საშუალებას გაძლევთ შექმნათ ერთგვარი რუკა მკითხველისთვის, რომლის გამოყენებითაც მას შეუძლია სწრაფად ნავიგაცია ტექსტში. და თუ ეს მაჩვენებლები ახერხებს ყურადღების მიპყრობას, მაშინ ადამიანი დარჩება გვერდზე და ალბათ წაიკითხავს მთელ სტატიას. თქვენ შეგიძლიათ შეამოწმოთ შედეგი ქცევითი ფაქტორების გამოყენებით. თუ ადამიანები რჩებიან გვერდზე და იღებენ გარკვეულ მოქმედებებს, ეს ნიშნავს, რომ SEO-ს მუშაობა უშედეგოდ არ გაკეთებულა.

H-ტეგები საძიებო სისტემების თვალით

საძიებო რობოტები აგროვებენ მათგან ინფორმაციას სემანტიკური ანალიზისთვის. სათაურის დონეებს h1, h2, h3 განსაკუთრებული მნიშვნელობა აქვს ბოტებისთვის. მათმა არათანმიმდევრულმა ან არასწორმა გამოყენებამ შეიძლება უარყოფითად იმოქმედოს გვერდის რეიტინგზე. თუ HTML კოდში საერთოდ არ არის h-ტეგები, მაშინ საიტს გაუჭირდება პოპულარიზაცია. დონეები h4, h5, h6 ნაკლებად მნიშვნელოვანია.

H-ტეგების იერარქია

სათაურების მოწყობის მთავარი წესი მათი იერარქია. არ არის აუცილებელი, რომ ტეგები ერთმანეთს მიჰყვეს ზომით, მაგრამ დაუშვებელია ტექსტში მაგალითად h3-ის გამოყენება, თუ სადმე არ გაქვთ h2 მეტა, ან გამოიყენეთ h6 h5-ის გარეშე.

ასე გამოიყურება იერარქია სწორი ბუდეებით:

რა არის h1 ტეგი?

h1 ტეგი არის ტექსტის სარჩევი (როგორც წიგნის სათაური ან გაზეთის სტატიის სათაური).

თითოეულ გვერდს უნდა ჰქონდეს ერთი და მხოლოდ ერთი h1 ტეგი.

მომხმარებლისთვის მიმზიდველობის თვალსაზრისით მას უპირველესი მნიშვნელობა აქვს. მაგრამ SEO პოპულარიზაციისთვის, .

სათაურიც სათაურია, მაგრამ იწერება არა მარტო ადამიანებისთვის, არამედ რობოტებისთვისაც. ის არ არის ნაჩვენები თავად გვერდზე, არამედ მხოლოდ ბრაუზერის ჩანართში და სნიპეტში, როგორც საიტის აქტიური ბმული. სინამდვილეში, სათაური არის ალტერნატივა, მაგრამ მთავარი სათაური HTML დოკუმენტისთვის. თუ ის აკლია, მაშინ საძიებო სისტემა იღებს h1-ს საფუძვლად და იყენებს მას ნამგლის სახით.

რატომ უნდა განსხვავდებოდეს h1 სათაურისგან?

საკმაოდ მნიშვნელოვანია გვესმოდეს, რომ h1 და Title სხვადასხვა სათაურებია. და შესაბამისად, ისინი ოსტატურად უნდა იყოს შერწყმული. აქ არის საფუძვლები ამ თემაზე:

უნიკალურობის და სათაურების შესაბამისობის წესების უგულებელყოფამ შეიძლება გამოიწვიოს საიტის ფილტრის ქვეშ მოქცევა. ბოლო დროს საძიებო სისტემებმა დაიწყეს განსაკუთრებული ყურადღების მიქცევა კონტენტის ხარისხზე და მის SEO პარამეტრებზე. დუბლიკატები, ზედმეტად სპამი, სათაურების ქაოტური განთავსება და მათი კონტენტთან შეუსაბამობა დასჯადია.

სიგრძის მოთხოვნები H1

რეკომენდებულია H1 უფრო ლაკონური იყოს ვიდრე სათაური, არ აღემატებოდეს სიმბოლოების რაოდენობას 50-ზე მეტი. მაგრამ ეს არ იქნება კატასტროფა, თუ სათაური უფრო გრძელი აღმოჩნდება, როდესაც შეუძლებელია მთლიანი არსის შეკუმშვა მითითებულში. ნომერი.

WordPress-ის სპეციალური დანამატები საშუალებას გაძლევთ გაანალიზოთ ყველა მეტას სწორი შევსება პირდაპირ რედაქტორში.

h1-ის სწორად დაწერის წესები

  • უნდა იყოს უნიკალური მთელი საიტისთვის და აბსოლუტურად იკითხება;
  • არ იმეორებს სათაურის ტეგს, მაგრამ არც ეწინააღმდეგება მას;
  • ძალიან არ უნდა გააგრძელოთ (შეგიძლიათ სათაური უფრო მოცულობითი გახადოთ);
  • გამოიყენება მხოლოდ ერთხელ გვერდზე;
  • შეესაბამება ტექსტს და ასახავს მასალის სემანტიკურ არსს;
  • მომხმარებლისთვის საინტერესო და მიმზიდველი;
  • ბოლოში წერტილის დადება არ შეიძლება და რეკომენდებულია სასვენი ნიშნების მინიმუმამდე გამოყენება.

გასაღებების გამოყენება

მთავარი საკვანძო ფრაზები, პირველ რიგში, უნდა იყოს სათაური. მაგრამ ისინი ასევე უნდა დაიწეროს h1-ში. ორივე შემთხვევაში უმჯობესია ამის გაკეთება თავიდანვე. მაგრამ უკეთესი იქნება, თუ ამ ორ ტეგში საკვანძო სიტყვები ერთმანეთის დუბლირებული არ იქნება. თქვენ უნდა გამოიყენოთ სხვადასხვა სიტყვის ფორმები ან განზავებული შემთხვევები h1-ში და პირდაპირი გამოვლინებები სათაურში.

ზოგი იღებს გვერდზე ყველა გასაღებს და იყენებს მათ სტატიის სტრუქტურის შესაქმნელად. გთხოვთ, დაუყოვნებლივ გაითვალისწინოთ, რომ მაგარი PF-ების გარეშე, გასაღებების ასეთი გაფანტვა ქვესათაურებში დაისჯება ფილტრით ზედმეტად სპამის გამო.

ფსიქოლოგიური ტექნიკა მიმზიდველი სათაურის დასაწერად

სათაური უნდა იყოს მიმზიდველი. გთავაზობთ ვიდეორგოლს მედიის დარგის სპეციალისტის, რედაქტორთა სკოლის რექტორისა და Glavred-ის სერვისის შემქმნელის მაქსიმ ილიახოვისგან:

აქ არის კიდევ რამდენიმე "ხრიკი", რომლებიც გამოიყენება სათაურების წერისას.

გამოსავალი

გახსოვდეთ, რომ ადამიანი ყოველთვის ეძებს არა ინფორმაციას ან საქონელს, არამედ, პირველ რიგში, თავისი პრობლემების, სურვილების, საჭიროებების გადაწყვეტას. მიმართეთ ზუსტად სამიზნე აუდიტორიის განზრახ პრობლემას

კარგი სათაურის მაგალითი: „თმები გცვივა? შეაჩერე თმის ცვენა ერთ კვირაში."
ცუდი სათაურის მაგალითი: "შეიძლება თუ არა თმის ცვენის შეჩერება?"

პირველ შემთხვევაში, ჩვენ ნათლად ვადგენთ პრობლემას და ვთავაზობთ კონკრეტულ გადაწყვეტას. მეორე შემთხვევაში პრობლემაზე ირიბად მოქმედებს და მისი გადაჭრის ვარიანტები ბუნდოვანია.

ინტრიგა

კარგი სათაურის მაგალითი: „თმის ცვენის ყველაზე ეფექტური რეცეპტის საიდუმლოს გამჟღავნება“.
ცუდი სათაურის მაგალითი: „თმის ცვენის საუკეთესო რეცეპტი“.

მიღება "გამოცდა"

ამ ფორმით დაწერილი წინადადება იწვევს მკითხველს გამოწვევას და იწვევს საკუთარი თავის გამოცდას.

კარგი სათაურის მაგალითი: "დარწმუნებული ხართ, რომ სწორად ებრძვით თმის ცვენას?"
ცუდი სათაურის მაგალითი: „იცით თუ არა ყველაფერი თმის ცვენის შესახებ“.

რა თქმა უნდა, ეს არ არის ყველა ის მეთოდი, რომელიც ხელს უწყობს ადამიანის აღქმაზე ზემოქმედებას და მისი ინტერესის მოზიდვას. წაიკითხეთ წიგნები მარკეტინგის შესახებ, რომ გაიგოთ მეტი, თუ გაინტერესებთ ეს თემა. სხვათა შორის, სათაური ასევე შეიძლება იყოს "მაცდური". უფრო მეტიც, სავარაუდოდ, ეს არის ის, ვინც ხაზგასმულია ძიების შედეგებში. თქვენ შეგიძლიათ შეამოწმოთ მისი ჩვენება გვერდის ინდექსირების შემდეგ.

რატომ არის საჭირო ქვესათაურები h2-h6?

ტეგები h2-დან h6-მდე განლაგებულია თავად სტატიის სხეულში, სტრუქტურულად იყოფა მას თემატურ აბზაცებად და HTML დოკუმენტის კოდში, რაც ხაზს უსვამს მის მნიშვნელოვან ელემენტებს. ისინი ასევე იდენტიფიცირებულია საძიებო რობოტების მიერ გვერდის სემანტიკური ანალიზისთვის.

ისინი საჭიროა იმისათვის, რომ იერარქიულად აღნიშნონ ყველაფერი, რაც მნიშვნელოვანია და იმსახურებს მომხმარებლის ყურადღებას გვერდზე. ეს სტრუქტურა ეხმარება ადამიანს სწრაფად გადახედოს ინფორმაციას და შეაფასოს მისი შესაბამისობა მათ საჭიროებებთან.

h2 – მომხმარებლებისა და საძიებო სისტემების ყურადღებას ამახვილებს სტატიის ძირითად შინაარსზე. აჩვენებს ტექსტში ყველაზე მნიშვნელოვან ნივთებს.

h3 არის ქვეპუნქტი ინფორმაციისთვის, რომელიც შედის H2-ის ქვეშ, რაც კიდევ უფრო ღრმად ავლენს მას.

h4, h5, h6 - განისაზღვრა, როგორც ჩადგმული ქვესათაურები (დეტალურად ავლენს H2 ან H3 არსს) და გამოიყენება ტექსტში, როგორც მცირე წერტილების და მნიშვნელოვანი სიტყვების ხაზგასმა, ასევე მენიუში, გვერდითა ზოლში და სხვა კომპონენტებში. ვებ დოკუმენტი.

ყველა h-ტეგი უნდა იყოს 50 სიმბოლოს სიგრძის ფარგლებში.

როგორ სწორად დავწეროთ ქვესათაურები h2-h6

  • შეუძლებელია ყველაზე პატარა ქვესათაური იყოს უფრო დიდის გარეშე. ანუ თუ ტექსტი შეიცავს h4 მეტატეგს, მაშინ მას წინ უნდა უძღოდეს h2 და h3.
  • რაც უფრო მაღალია სათაურის დონე, მით უფრო დიდი უნდა იყოს შრიფტი. WordPress-ში ნაგულისხმევი პარამეტრები, როგორც წესი, ისეა დაყენებული, რომ ტეგები ავტომატურად იყოს სწორად ფორმატირებული.
  • ყველა h-ტეგი უნდა შეესაბამებოდეს შინაარსის შინაარსს და ასახავდეს ინფორმაციის არსს.
  • მიუღებელია h1-h6 წამყვანად ან აქტიურ ბმულად გამოყენება.
  • თქვენ არ შეგიძლიათ დაწეროთ სხვა ტეგები h ტეგის შიგნით.
  • h-ტეგებში დაშვებულია მხოლოდ ტექსტი და პუნქტუაცია.
  • ქვესათაურები არ უნდა შეიცავდეს საკვანძო სიტყვებს სპამს. უმჯობესია გამოიყენოთ საკვანძო სიტყვები სათაურში, h1, h2 და უფრო პატარაში, როგორიცაა h3, h5, h6, ფოკუსირება მოახდინოთ თემის დეტალურ განხილვაზე.

თუ გვერდის განლაგება შეიცავს სათაურს და მთავარ სათაურს H1, მაგრამ თავად სტატიის ტექსტი არ არის ძალიან დიდი და არ შეიცავს ქვესათაურებს, ეს არ არის შეცდომა. TOP-ში საკმაოდ ბევრი გვერდია, სადაც შინაარსი თითქმის უწყვეტი ზოლია, შესაძლოა აბზაცებად დაყოფილი. თქვენ შეგიძლიათ მოხვდეთ წამყვან პოზიციაზე „ჯადოქრობის“ გარეშე ტექსტის მარკირებაზე, მეტი აქცენტის გაკეთება. WordPress საიტები ადვილად ინდექსირებულია საძიებო სისტემების მიერ. მაგრამ მაინც, ამ ტეგების გამოყენება არა მხოლოდ აადვილებს ამოცანას, არამედ აადვილებს შინაარსს და უფრო სასიამოვნოს ხდის ვიზუალური აღქმისთვის.

როგორ შეავსოთ h-ტეგები WordPress-ში

h1 ჩვეულებრივ ივსება პოსტის ტექსტის ზემოთ ველში:

h2-h6 ქვესათაურების გასაკეთებლად, თქვენ უნდა აირჩიოთ საჭირო ელემენტი და კურსორის გადატანა „სათაურების“ ჩანართზე, აირჩიეთ ის, რაც გჭირდებათ მასზე დაწკაპუნებით. იგივე გააკეთეთ თითოეული ქვესათაურისთვის, მათ შორის სასურველი ფორმატით.

არსებობს კიდევ უფრო მარტივი გზა - შეგიძლიათ აკრიფოთ ტექსტი Word-ში საჭირო მარკირების გამოყენებით და უბრალოდ დააკოპიროთ-ჩასვით სტატია WordPress რედაქტორში. Word-ში შერჩეული სათაურები ავტომატურად გამოჩნდება საჭირო ზომებში. საჭიროების შემთხვევაში, შეგიძლიათ მათი გამოსწორება WordPress CMS რედაქტორის ინსტრუმენტების გამოყენებით.

WordPress-ის სტატიის სტრუქტურა წინასწარ არის განსაზღვრული საძიებო სისტემების წესებით და შესაბამისად გავლენას ახდენს თქვენი სტატიის პოპულარიზაციაზე ძიების შედეგებში. ახალი სტატიის დაწერის დაწყებისას თქვენ არა მხოლოდ უნდა იფიქროთ მის თემასა და მიზანზე, არამედ მოაწყოთ მისი შინაარსი გარკვეულ სტრუქტურაში. სტატიების სტრუქტურა და h1 ტეგების გამოყენება WordPress ბლოგში განხილული იქნება ამ სტატიაში. დავიწყოთ ვებ გვერდების ძირითადი ელემენტების გადახედვით.

ვებ გვერდის ძირითადი ელემენტები

როდესაც წერთ თქვენს შემდეგ სტატიას, უნდა გესმოდეთ, რომ ინტერნეტში თქვენი ტექსტი არის გარკვეული სიმბოლოების ნაკრები, დაშიფრული, გარშემორტყმული გარკვეული HTML მარკირების ელემენტებით (თეგები). ვინაიდან საძიებო სისტემების ტეგებს აქვს პრიორიტეტული იერარქია, სტატიის ტექსტური სტრუქტურა უნდა იყოს აგებული ამ იერარქიის შესაბამისად.

სტატიების სათაურები

WordPress-ის სტატიის სტრუქტურა უნდა დაიწყოს ვებგვერდის მთავარი ელემენტით - სათაურით. სტატიის სათაური აისახება ძიების შედეგებში და ნაჩვენებია ყველაზე თვალსაჩინო ადგილას (ზედა) გვერდის გახსნისას. გარდა ამისა, სტატიის სათაური არის ბმული თქვენს ბლოგზე, როდესაც აისახება ინტერნეტის ძიების შედეგებში. სტატიის სათაური უნდა იყოს ჩასმული ტეგით სათაური.

WordPress სტატიის სტრუქტურა – H1 Tag

ვებ გვერდის მეორე ყველაზე მნიშვნელოვანი ელემენტიარის გვერდის სათაური, რომელიც ჩარჩა ტეგში h1. ეს არის ვებ გვერდის საჭირო ტეგი. უფრო მეტიც, მნიშვნელოვანია აღინიშნოს, რომ ეს ტეგი უნდა იყოს ერთადერთი ღია ვებ გვერდზე (არა მთელი ბლოგი). რამდენიმე h1 ტეგი "აღიზიანებს" საძიებო სისტემებს და ადრე თუ გვიან ისინი ამოაგდებენ ამ გვერდს ძიებიდან.

ტეგები H2-H6

როგორც ხედავთ ტექსტში არის ერთი ელემენტი h1 და ყველა დანარჩენი განლაგებულია მკაფიო ხის სტრუქტურაში.

WordPress სტატიის სტრუქტურა: როგორ ავაშენოთ იგი

WordPress სტატიის სტრუქტურა შეიძლება სტრუქტურირებული იყოს ორი გზით.

  • Პირველი. HTML-ში სტატიის დაწერა მოითხოვს არა მხოლოდ ენის ცოდნას, არამედ სერიოზულ პრაქტიკას.
  • მეორე ვარიანტი, უფრო მარტივი. ჩამოაყალიბეთ WP სტატიების სტრუქტურა მის ვიზუალურ რედაქტორში. მე გაჩვენებთ როგორ კეთდება.
  1. გადადით კონსოლზე → ჩანაწერები → ჩანაწერის დამატება.
  2. ნებისმიერ ვიზუალურ რედაქტორს, რომელიც დაინსტალირებულია თქვენს WordPress ბლოგზე, აქვს ღილაკი : აბზაცი.
  3. ამ ღილაკის გამოყენებით ყალიბდება WordPress-ის სტატიის სტრუქტურა, რომელიც „სასიამოვნოა“ საძიებო სისტემებისთვის.

მაგრამ ეს რედაქტირება ეხება მხოლოდ სტატიის შინაარსს და არანაირად არ მოქმედებს სტატიის სათაურზე. სტატიის სათაურის ჩარჩო სათაურში და h1 ტეგებში განსაზღვრულია WordPress თემის შაბლონებში. და რადგან შაბლონები იქმნება ხალხის მიერ, მათი შეცდომები ხელით უნდა გამოსწორდეს.

რა შეიძლება იყოს არასწორი WordPress შაბლონებში სათაურთან და h1 ტეგებთან დაკავშირებით? მოდით შევხედოთ ამას უფრო დეტალურად.

სათაური და h1 ტეგები WordPress შაბლონებში

WordPress-ის ბევრი შაბლონი საერთოდ არ იყენებს h1 ტეგს.

Ჰო მართლა:თქვენ შეგიძლიათ შეამოწმოთ არის თუ არა თქვენი სტატიის სათაურები ჩარჩოში h1 ტეგებით შემდეგნაირად. გახსენით თქვენი WP ბლოგის ნებისმიერი პოსტი. დააწკაპუნეთ მაუსის მარჯვენა ღილაკით გვერდზე და გახსენით "გვერდის წყარო". ღია კოდით დააჭირეთ Ctrl + F (ეს არის ძიება გვერდზე) და მოძებნეთ h1. იმის მიხედვით, არის თუ არა h1 ტეგი, რომელიც კონკრეტულად ეხება პოსტის შინაარსს თუ არა, თქვენი შემდეგი ნაბიჯები დამოკიდებული იქნება.

და აქ არის კიდევ ერთი შენიშვნა. მე ვიცი ბევრი WP ბლოგი, რომლებიც მუშაობენ თავიანთ შაბლონებში h1 ტეგების გარეშე. ამავე დროს, მათ აქვთ შესანიშნავი ძიების შედეგები. ამაზე მხოლოდ ერთს ვიტყვი. საძიებო სისტემებს უყვართ h1 ტეგი. ეს არის ყველა სტატიის მარკირების საფუძველი. და ეს უდავოდ დადებითად მოქმედებს WP ბლოგის რეიტინგზე. ასე რომ, თქვენი გადასაწყვეტია, გამოიყენოთ h1 თქვენს WP ბლოგში თუ არა. აქ ერთი რამ არის მნიშვნელოვანი. არ უნდა გადააჭარბოთ h1 ტეგებით. თითო გვერდზე უნდა იყოს ერთი h1 ტეგი.

როგორ ჩავსვათ H1 ტეგი WordPress ბლოგის შაბლონში

სანამ გეტყვით, თუ როგორ უნდა ჩასვათ h1 ტეგი WordPress ბლოგის შაბლონში, ყურადღებას გავამახვილებ WP თემის ფაილებზე. იბეჭდება თითოეული თემისთვის ცალ-ცალკე.

თქვენ შეგიძლიათ დაარედაქტიროთ შაბლონის ფაილები პირდაპირ სერვერზე WP დირექტორიაში, მასთან დაკავშირებით FTP-ის საშუალებით. ან უფრო ადვილია, გადადით, შემდეგ კონსოლი → გარეგნობა → რედაქტორი. ფანჯრის მარჯვენა მხარეს, რომელიც იხსნება, გამოჩნდება თქვენი WP თემის შაბლონის ყველა ფაილი.

თუმცა, თქვენ უნდა დაარედაქტიროთ შაბლონის ფაილები სწორად და უსაფრთხოდ ისეთ რედაქტორში, როგორიცაა Notepad++. დააკოპირეთ ფაილი, რომელსაც არედაქტირებთ, დაარედაქტირეთ ის რედაქტორში და შეინახეთ ახალი ასლი, გადაიტანეთ შაბლონში.

ამ სტატიაში ჩვენ გვაინტერესებს ორი ფაილი რედაქტირებისთვის:

  1. მთავარი გვერდის ფაილი. შესაძლოა index.php ან loop.php
  2. ცალკე ღია სტატიის ფაილი: შესაძლოა single.php ან loop-single.php.

თქვენ უნდა დაარედაქტიროთ კოდი ისე, რომ h1 ტეგი მარტო იყოს ღია ვებ გვერდზე და უნდა აყალიბებდეს ღია სტატიის სათაურს.

h1 ტეგის გასწორება ერთ პოსტ ფაილში

ფაილების რედაქტირებისთვის ჩვენ ვიყენებთ ტექსტურ რედაქტორს, როგორიცაა Notepad++. ჩვენ ასევე გვაქვს საიტის ასლი ფატალური შეცდომების შემთხვევაში.

გადადით კონსოლზე → გარეგნობა → რედაქტორი → ცალკე გახსნილი სტატიის ფაილი. ჩვენ ვეძებთ კოდს, რომელიც პასუხისმგებელია სათაურის ჩვენებაზე. შაბლონის ნაჭერი:

/* მარყუჟის-ერთი ნიმუშის ნაწილი

>

და შეცვალეთ მასში არსებული h2 ტეგები h1 ტეგებით:

რაც რჩება არის სუფთა სათაურის კოდი, რომელიც ჩარჩოშია h1 ტეგებით.

  • ძიება:ან საიტის სახელი ან საიტის სათაური.
  • თუ h1 ტეგი არის div-ის შიგნით, უბრალოდ წაშალეთ იგი.
  • თუ h1 ტეგები>

ჩადეთ h1 ტეგი WP ბლოგის მთავარ გვერდზე

ბლოგის მთავარ გვერდზე, რომელიც ასახავს უახლეს სტატიებს, სიტუაცია ცოტა განსხვავებულია.ვინაიდან მთავარ გვერდზე რამდენიმე სათაურია, ისინი უნდა იყოს ჩარჩოში ჩასმული h2 ტეგებით და არა h1.

  1. ამისათვის გახსენით ფაილი რედაქტორში: index.php ან loop.php;
  2. ჩვენ ვეძებთ კოდს, რომელიც აჩვენებს სტატიების სახელებს მთავარ გვერდზე;
  3. და შეცვალეთ h1 ტეგი h2 ტეგით. არ დაგავიწყდეთ დაზოგვა.
>

"rel="bookmark">

"მარცხნივ გასწორებული")); ?>
/* საწყისი გვერდი, თარგი: index.php ან loop.php

"rel="bookmark">

/ * შეცვლა

"rel="bookmark">

ყველა. WordPress სტატიის სტრუქტურა აგებულია და არც ერთი მოდული არ იყო გამოყენებული. თუმცა, შაბლონის განახლებით, ყველაფერი კვლავ უნდა განმეორდეს.

იხილეთ 11 პასუხი - 1-დან 11-მდე (სულ 11)

    ჩვენ ალბათ უნდა დავიწყოთ სათაურში გამოყენებული სურათის ზომის შემცირებით. რა სათაურის გამოსახულების ზომას გირჩევთ თემა?

    P.S. პირადად მე ვერაფერს ვხედავ ცუდს ან მახინჯს არც კომპიუტერზე და არც სმარტფონზე. როგორც ჩანს, უბრალოდ სისულელეებზე ხართ დაფიქსირებული.

    Გმადლობთ თქვენი პასუხისთვის! გამოსახულების ზომის შემცირება არაფერს არ იწვევს, მისი ხარისხი უბრალოდ უარესდება ბოლოს (იგივე სიგანეზეა გადაჭიმული). შეიძლება დავრჩი, უბრალოდ არ ვარ მიჩვეული ამ დიზაინს, მინდოდა გამეგო როგორ შემეცვალა

    შეიძლება მთლად სწორად არ გამოვხატე. არ შეცვალოთ ზომა, არამედ მოაჭრათ გამოსახულება - დააპატარავეთ ის სიმაღლით იმავე სიგანით.

    თემა არ გვთავაზობს გამოსახულების რეკომენდებულ ზომებზე ამოჭრას სათაურის სურათის დაყენებისას?

    სურათის სიმაღლე 225 პიქსელი
    დაყენება სტილებში:
    .შიდა სათაური-იმიჯი (
    პოზიცია: ნათესავი;
    სიმაღლე: 225px;
    ფონის ზომა: საფარი;
    ფონი-გამეორება: არა-გამეორება;
    ფონი-პოზიცია: 50%;
    }

    გააუქმეთ ეს პარამეტრი დამატებითი თემების სტილში და ყველაფერი უნდა იმუშაოს.

    მე დავაინსტალირე Corporate Blue თემა ჩემს სატესტო საიტზე http://wp5.j807534.z9496.spectrum.myjino.ru მივედი საბოლოო დასკვნამდე რომ სისულელეს აკეთებდი. თემა მშვენივრად გამოიყურება ამ "დიდი" სათაურის გამოსახულებით ყველა მოწყობილობაზე. ნუ არღვევთ თემას. უკეთესს ვერ გააკეთებ. თქვენ უბრალოდ შეჩვეული ხართ ძველ დიზაინს, ვიწრო ბანერებით სათაურში.

    2Spectrum_Admin (@perdyllo)
    როდესაც დააწკაპუნებთ მითითებულ ბმულზე, Chrome აჩვენებს:

    უფრთხილდით მავნე პროგრამას!
    საიტს wp5.j807534.z9496.spectrum.myjino.ru შეუძლია თქვენს კომპიუტერში დააინსტალიროს მავნე პროგრამა, რომელიც იპარავს ან წაშლის პერსონალურ ინფორმაციას (მაგალითად, ფოტოებს, პაროლებს, შეტყობინებებს და საბანკო ბარათის დეტალებს).
    უსაფრთხოების პოტენციური პრობლემების შესახებ ინფორმაციის ავტომატურად გაგზავნა Google-ში. Კონფიდენციალურობის პოლიტიკა