Ця стаття була написана в першу чергу для початківців контент-менеджерів, які займаються тільки додаванням статей, написаних іншими людьми, але може бути застосовано і самими авторами, а також усіма іншими ролями, які беруть участь у створенні та публікації контенту.
Ціль статті: показати основні правила того, як потрібно оптимізувати статті під ключові слова.
Тут і далі ми говоримо про інформаційні сайти, які складаються із статей, спрямованих на залучення користувачів із пошукових систем. У разі, наприклад, з комерційними сайтами, які продають товари та послуги, ці принципи можуть відрізнятися.
Ключові слова - це пошукові запити, вводячи які в пошукову систему, користувач потраплятиме на наш сайт. Істотну роль відповідність документа ключовим словам, з погляду пошукових систем, грають заголовки і підзаголовки тексту та його потрібно «оптимізувати» насамперед.
Заголовки ділитимемо на 3 групи:
- Підзаголовки у тілі сторінка (H2-H3).
МетатегTitle– знаходиться у верхній частині браузера і найчастіше з'являється у видачі пошукової системи (у сніпеті).
При цьому, якщо ключове слово, яке набирає користувач, міститься в Title сторінці, воно підсвічується відповідним чином, тим самим, забезпечуючи більшу клікабельність.
Виходячи з цього, можна зробити висновок, що Title повинен містити основне ключове слово, яке по можливості має знаходитися якомога ближче до початку. Крім цього, цей заголовок у сніпеті пошукової видачі повинен у вигідному світлі описувати статтю, щоб користувачеві захотілося натиснути на посилання. Тим не менш, не потрібно дурити очікування користувачів, якщо в Title написати того, чого немає у змісті статті, то користувач буде розчарований і піде зі сторінки, не дочитавши її.
Але зазвичай статті оптимізуються не тільки під 1 ключове слово, їх може бути 3, 5, 10, 15 і навіть 50 і 100, але чим частотніший запит (чим частіше його запитують у пошуковій системі), тим він цінніший для сайту, а найпопулярніше ключове слово є основним.
Як сказано вище, основне ключове слово розміщуємо на початку Title, далі додаємо додаткові ключові слова, які краще розкривали статтю на предмет його змісту. Не більше 2-3. Якщо таких ключових слівні, то додаємо слова, які краще розкажуть користувачеві, що він «отримає», перейшовши за посиланням, і вигідно відбудує статтю від сторінок конкурентів.
Вкрай небажано, використання тавтологій усередині Title, вітається використання синонімів, для охоплення більшої кількості пошукових запитів.
Рекомендую також поглядати на успішних конкурентів, щоб краще розуміти принципи складання тайтлів, але копіювати їх заголовки категорично не можна, хоч би якими вони клікабельними здавалися, потрібно відбудуватися.
Вище було описано лише 1 стратегія складання заголовків Title. Крім цього там може бути питання і пояснення. Це в тих випадках, коли у списку ключових слів містяться частотні запити із запитаннями.
Але не завжди так, потрібно дивитися на видачу, і якщо на запит з питань на верхніх рядках знаходяться сайти без змісту питання, то Title краще складати без питання.
Ще є поняття прямого та розбавочного входження ключового. Під прямиммається на увазі включення в заголовок ключового запиту в тому вигляді, в якому його запитують у пошуковій системі, а розведеннямназивають розбиття ключового словосполучення будь-яким додатковим словом або хоча б його відмінювання, зміну словоформи.
Зазвичай Title включають пряме входження, але потрібно дивитися видачу пошукової системи і виходячи з нього коригувати стратегію. Також для більшої привабливості можна використовувати знаки такі розділові знаки, як довге тире (не використовуйте натомість коротке тире), двокрапка. Точку в кінці пропозиції не ставимо, інші розділові знаки зокрема знак питання допускається.
заголовок сторінкиH1- Розташовується вже на самій сторінці, як правило, на самому його початку і являє собою заголовок статті в класичному розумінні.
Крім того, цей заголовок фігурує в тизерах статей усередині сайту, і читаючи його, людина повинна розуміти про що стаття та наскільки її цікаво буде прочитати.
Завданням власника сайту є забезпечення якнайбільшої кількості перегляду сторінок на кожного унікального відвідувача. Крім цієї мети, цей тип заголовка теж повинен містити ключове слово. Як правило, тут використовується або розбавочне входження основного ключового слова, дивіться приклад.
Якщо основний ключовий запит Антидепресанти без рецепта, то заголовок H1 може бути Кращі антидепресанти без рецепта лікаря.
Також можна і змінити ключове слово значно «ТОП 10 безпечних антидепресантів», тобто слово «лікар» виключили зовсім. Але з цим прийомом краще скористатися обережніше.
Але іноді можна увімкнути і основний ключ без змін. «Антидепресанти без рецепта: найкращі безпечні препарати».
До того ж тут дозволяється використовувати і синонім основного ключового слова замість нього самого. Синонім слова "препарат" - "заспокійливі". Синонім підбирається із контексту. Замість синоніму можна запровадити та узагальнення – «препарат». А можна використовувати і синонім/узагальнення, і основний запит.
Це не всі прийоми, тут також потрібно дивитися конкурентів та відбудовуватись від них.
Потрібно пам'ятати, що метою заголовка H1 є продати ідею прочитати статтю, тому її можна складати красивіше, а не лише з метою впровадження ключового слова. Для таких «маркетингових» завдань можна використовувати і розділові знаки, як двокрапка, додавати невелику інтригу, але зрозуміло вдаватися до прийомів жовтих заголовком не можна.
Підзаголовки у тілі статті (H2-H3)– ці підзаголовки структурують текст на тематичні розділи. У багатьох сайтах на основі цих підзаголовків формується «зміст» сторінки, яка є навігацією.
У цих запитах навпаки небажано вже використовувати основне ключове слово, якщо воно було застосоване в Title і H1, але якщо ми застосували в H1 синонім основного запиту, його можна застосовувати в тому чи іншому вигляді і в цих заголовках. Вітається застосування синонімів, особливо якщо вони не використовувалися в інших місцях.
Але є винятки. Якщо підзаголовком є стійке словосполучення, яке люди звикли сприймати в певному вигляді. Наприклад, при описі лінійки кормів для тварин підзаголовками будуть самі назви, назви потрібно писати, так, як і прийнято їх писати, а не через синоніми або розбивочні входження.
До того ж, іноді зміст підзаголовків потрапляє у сніпет пошукової системи замість Title. Іноді туди потрапляє H1, але рідко.
Правила складання підзаголовків не є жорсткими, в деяких тематиках дуже складно підбираються синоніми, а не вживати в підзаголовках ключові слова часом неможливо.
При оптимізації підзаголовком слід дотримуватися наступних принципів:
- вони повинні бути більш менш лаконічними і ємними, але краще уникати однослівних варіантів;
- повинні вигідно виглядати у змісті, тому що зміст статті користувач бачить на самому початку, і виходячи з нього, у багатьох випадках приймає рішення про продовження читання.
Також деякі автори грішать тим, що для багатьох статей використовують ті самі підзаголовки як шаблон, наприклад, це популярно при описі лікарських препаратів, кормів, так робити небажано, по можливості потрібно розбавляти і унікалізувати їх.
H2 означає підзаголовок другого рівня, а H3 третього (підзаголовок). Під час оформлення підзаголовків дуже важливо зберігати ієрархію. Тобто спочатку йде H2 і потім H3. Заголовків кожного рівня має бути не менше 2-х.
Вважається хорошим тоном, що кожні 700 – 1000 знаків є 1 підзаголовок. Підзаголовки H3 можна використовувати і частіше, якщо це потрібно для структуризації тексту.
При публікації статті, як правило, контент менеджер вже має список ключових слів і має дані про їх частотність. Тоді все просто, але при написанні деяких статей не використовується семантичне ядро і при публікації таких статей доводиться отримувати дані про ключові слова.
Тут важливо вміти користуватися статистикою пошукових запитів від Яндекса wordstat.yandex.ru та аналізувати конкурентів.
Методом підбору або із заголовків конкурентів підбираємо 1 основний та кілька допоміжних ключових слів.
Найчастіше веб-майстрів-початківців мучить питання, чому одні сайти ранжуються вище і обходять конкурентів у пошуковій видачі. Причиною цього можуть бути неправильно розставлені теги h1, h2...h6. Якщо ці теги розставлені неправильно, без урахування специфіки ресурсу, то пошукачам складніше отримати точну інформаціюпро статті та ключові слова, що містяться в ній.
Теги h1-h6 дозволяють виділити заголовки різних рівнів. Вони дають зрозуміти, які частини тексту більш точно відображають тему статті та забезпечують переваги ранжування.
Грамотне розміщення тегів дозволяє пошуковим системам більш точно відображати сторінку за запитами у видачі, що сприятливо позначається на позиції ресурсу:
Навіщо потрібні теги h1-h6?
У теги полягає назва сайту, заголовки та підзаголовки тексту:
У HTML теги заголовків позначаються h від англійської "header", що в перекладі означає " заголовок, шапка». Ось приклад того, як це виглядає:
Заголовок
Розміщення тегів заголовків повинно проводитись на кожній сторінці ресурсу. При цьому важливість заголовка буде заздрість від його цифри, чим вона менша, тим заголовок важливіше:
- найважливіші теги
- менш значущі теги...
- останні за важливістю теги
Однак ставитись до їх розміщення слід з обережністю. Неправильне використання може спричинити те, що ваш ресурс потрапить під санкції пошукових систем.
Синтаксис тегів h1-h6
Назва тексту
Підзаголовок 1
...
Підзаголовок 2
Підзаголовок 3.1
...
Підзаголовок 3_2
Підзаголовок 3
Найбільшою популярністю користуються теги h1 h2 h3.
Як правильно використовувати тег h1?
Ігноруючи тег h1, веб-майстри, позбавляють себе такої важливої переваги, як оптимізація контенту. На двигунах він часто прописується автоматично, проте не завжди, і цей факт слід враховувати.
HTML тег h1 – найзначніший у своєму роді. У нього містять назву сайту та заголовок статті. Однак не варто його плутати з тегом
(<span>заголовком сторінки</span>). Title відображається у браузері вгорі екрана з лівого боку в той момент, коли відкрито сторінку ресурсу. Title прописується у шапці сторінки між <head></head>, в той час, коли h1 -h6 вказуються в самому тілі сторінки і полягають в теги <body></body>.</p>
<p>На сторінці може бути лише один h1 тег. Якщо вказати кілька заголовків з тегом h1, пошукові системи можуть розцінити це як переспам, що в свою чергу загрожує баном:</p>
<p>Правила складання головного заголовка h1:</p>
<ul><li>У тезі повинні використовуватися ключові слова для просування сторінки;</li>
<li>Не варто робити заголовок h1 занадто об'ємним, досить кількох слів;</li>
<li>Текст заголовка має бути читабельним;</li>
<li>Мета тег h1 не повинна містити нічого, крім самого тексту. Якщо бажаєте його виділити, поставте коди поза тега;</li>
<li>Перед тим, як вручну прописувати h1, переконайтеся, що двигун не задає його автоматично;</li>
<li>Зміст h1 повинен відповідати тематиці, вказаній у title сторінці;</li>
<li>При складанні h1 обов'язково використовуйте ключову фразу, за якою просувається сторінка;</li>
<li>Зміст заголовка має бути унікальним, ємним та тематичним. Не варто робити h1 повною копією тега Title. Важливо, щоб на кожній сторінці ресурсу були прописані унікальні h1-h6, тому уникайте повторень;</li>
<li>Не можна перераховувати в заголовку <a href="/browsers/serye-metody-serye-metody-optimizacii-napolnenie-klyuchevymi-frazami/">ключові фрази</a>через кому. Зміст h1 має бути зрозумілим не лише пошукачам, а й відвідувачам ресурсу.</li>
</ul><h3>Як правильно використовувати теги h2-h6?</h3>
<p>Крім h1 для розміщення заголовків, які ідентифікуються пошуковими системами, використовуються теги h2, h3, h4, h5, h6 і т.д.</p>
<h4>Тег h2</h4>
<p>Як правило, використовується для заголовків постів у стрічці, розміщеній на <a href="/ipad/slaider-na-glavnuyu-stranicu-v-jquery-primery-besplatnyh-jquery/">головній сторінці</a>або для підзаголовків у статті.</p>
<h4>Мітки h3, h4</h4>
<p>Найчастіше з їх допомогою виділяють назви підзаголовків, рубрик та віджетів у sidebar.</p>
<h4>Мітки h5, h6</h4>
<p>Призначені для ще більше <a href="/network-security/kak-sdelat-nadpis-na-plastmasse-svoimi-rukami-samyi-prostoi/">дрібних елементів</a>сторінок, які слід відокремити від решти тексту.</p>
<p>Розташування заголовків h1 - h6 в <a href="/viruses/kak-sdelat-numeraciyu-stranic-sverhu-numeraciya-stranic-v-word/">різних версіях</a>двигунів може бути реалізована по-різному.</p>
<p>Правила розміщення h2-h6:</p>
<ul><li>Структура заголовків. Повинна бути дотримана ієрархія заголовків;</li>
<li>Розмір шрифту. Чим нижчий рівень заголовка, тим дрібніший шрифт. Редагування шрифтів виконується у стилях. Але, як правило, шрифти мають правильні розміри за промовчанням;</li>
<li>Не допускається застосування тегів заголовків разом із іншими тегами акцентування. У заголовках рекомендується використовувати ключові слова, за якими ця сторінка просуватиметься у пошуку;</li>
<li>На відміну від h1, теги h2-h6 можуть бути прописані на сторінці кілька разів.</li>
</ul><p><body>
<h1>Я головний в ієрархії заголовків</h1>
<h2>Мої діти</h2>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h2>Мої діти</h2>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h4>Мої правнуки</h4>
<h4>Мої правнуки</h4>
<h4>Мої правнуки</h4>
</body></p>
<ul><li>Не повинно бути ніякого спаму;</li>
<li>Складання тексту h1 - h6 має проводитися з використанням синонімів та з урахуванням правил морфології;</li>
<li>Основні ключові запити краще розмістити ближче до початку заголовка;</li>
<li>Ключові фрази, прописані у заголовках, мають зустрічатися у тексті сторінки;</li>
<li>Теги h1-h6 повинні бути короткими, ємними та інформативними:</li>
</ul>
<h2>Що таке заголовки?</h2>
<p>При слові "заголовок" ви могли подумати про теґ <title>- але ні, у цій статті мова піде про теги <h1>…<h6>.
</p>
<p>Різниця між цими тегами полягає в рівнях: <h1>- це заголовок першого рівня, <h2>- Заголовок другого рівня і так далі. Чим вищий рівень, тим важливішим вважається блок після заголовка; тобто тег <h6>буде найменш значним заголовком з усіх представлених. У свою чергу, тег <h1>вважається найбільш важливим із усіх цих тегів і другим за значимістю для SEO-просування (перший за значимістю - тег <title>, Що визначає заголовок документа).</p>
<p>Ці теги використовуються для того, щоб логічно оформити зміст сторінки, структурувати її для того, щоб текст був розбитий на логічні частини, і матеріал легко сприймався читачами.</p>
<p><b>Важливе доповнення:</b>теги <h1>…<h6>не використовуються виділення тексту; якщо вам потрібно виділити фразу жирною, використовуйте тег <strong>, а не <h6>(якщо стиль цього заголовка просто виділення жирним).</p>
<h2>Як використовувати заголовки?</h2>
<p>Правило номер разів</span><span>- на сторінці має бути</span><b>тільки один</b>тег <h1>.
</p>
<p>Правило номер два</span><span>- заголовок з тегом</span><b><h1>
</b>повинен бути <b>найбільшим</b><span>, в той час як інші заголовки <h2>…<h6>повинні бути меншими (розмір змінюється в залежності від рівня, чим нижчий рівень, тим менший розмір заголовка): <br><img src='https://i0.wp.com/timeweb.com/media/default/0001/01/646a24a81bbb4399103014c3b4bef90af9db3efc.gif' width="100%" loading=lazy loading=lazy></p>
<p>(якщо ви зараз прочитали ці рядки і зрозуміли, що у вас на сайті зроблено не так, то це вже привід зробити деякі коригування в оформленні сайту)</p>
<p>Правило номер три</span><span>- Структура сторінки</span><b>обов'язково</b>повинна мати <b>ієрархію</b><span>. Тобто ви не можете спочатку використати заголовок <h1>, а потім відразу <h4>або <h5>- після першого рівня йде другий рівень, а отже, після <h1>повинен йти тег <h2>- і ніяк інакше. Тут справа не лише в абстрактному «правильно», а й у самому оформленні матеріалу, який для адекватного сприйняття має піддаватися якійсь логіці.</p>
<p>Правило номер чотири</span><span>- теги заголовків</span><b>парні</b>:
</p>
<b><h1>
</b>Назва статті <b></h1>
</b>
<p>Вступ.</p>
<b><h2>
</b><span>Стаття 1</span><b></h2>
</b>
<span> <p>Частина статті 1</p>
</span>
<b> <h3>
</b><span>Підзаголовок статті 1</span><b></h3>
</b>
<span> <p>Пункт 1 частини 1.</p>
</span>
<b> <h3>
</b><span>Підзаголовок статті 2</span><b></h3>
</b>
<span> <p>Пункт 2 частини 1.</p>
</span>
<p>Поради нижче актуальні для заголовків усіх рівнів, будь то перший рівень <h1>або якийсь із рівнів нижче.</p>
<p>Заголовки повинні:</p>
<ul><li><span>шикуватися в ієрархічному порядку;</span></li>
<li><span>не закінчуватись точкою;</span></li>
<li><span>мати сенс, передавати ідею наступного за ним тексту (а не просто для «нехай буде»);</span></li>
<li><span>бути навіть у невеликих статтях, які можна поділити на кілька частин;</span></li>
<li><span>не мати граматичних помилок (наявність таких може знизити релеватність заголовка).</span></li>
</ul><p>Інші поради, які можна дати при складанні заголовків:</p>
<ul><li><span>не варто зловживати заголовками і робити на сторінці безліч <h2>…<h6>- пошукові роботи можуть оцінити це як переоптимізацію сайту або спам;</span></li>
<li><span>у заголовках мають бути прямі входження ключових слів, оскільки це підвищить релевантність сторінки щодо цього запиту; проте занадто велика щільність ключових слів не піде в плюс - пошукові роботи ігноруватимуть докладні заголовки через переоптимізацію;</span></li>
<li><span>заголовки повинні бути</span><b>унікальними</b><span>(Повторювані заголовки пошукові системи можуть не враховувати);</span></li>
<li><span>заголовок має бути близьким до початку документа (тобто до початку HTML-коду): чим вище заголовок, тим більше значення він має (порівняно з іншими елементами сторінки);</span></li>
<li><span>бажана довжина заголовка – не більше 60 символів; це з пошуковими системами, які сприймають певну кількість символів (і довгий заголовок можуть обробити в повному обсязі).</span></li>
</ul><p>Окремо можна сказати про</span><b>дизайн заголовків</b><span>- буде чудово, якщо всі заголовки на сторінці відрізнятимуться від іншого тексту (навіть якщо йдеться не про <h1>, а про <h5>або <h6>). Можна якось стилістично виділяти заголовки, наприклад, ставити їх на кольорову плашку або виділяти шрифтом.</p>
<p>А підзаголовки можна нумерувати, ставити цифри у вигляді картинок. І зручно, і гарно.</p>
<h2>Як використовувати тег <h1></h2>
<p>Тег <h1>має свої відмінності від інших тегів, тому про нього треба поговорити окремо. Тут можна дати такі поради:</p>
<ul><li><span>на сторінці має бути тільки</span><b>один</b>тег <h1>;
</li>
<li><span>тег <h1>повинен бути на</span><b>кожною</b>сторінці;</li>
<li><span>тег <h1>повинен відрізнятися від <title>але не кардинально;</span></li>
<li><span>тег <h1>не повинен складатися тільки з ключових слів, їх краще використовувати у розведеній формі;</span></li>
<li><span>тег <h1>повинен спонукати до читання статті, тому при його вигадуванні рекомендується скористатися порадами щодо «чіпких» заголовків;</span></li>
<li><span>не слід використовувати розділові знаки.</span></li>
</ul><h2>Як виглядає структура заголовків</h2>
<p>Щоб зрозуміти, яку структуру повинна мати сторінка, орієнтуйтесь на цей план: <br><img src='https://i1.wp.com/timeweb.com/media/default/0001/01/6da73912335d6fd8f5a4e1756ff17f7f22e2fc2a.png' width="100%" loading=lazy loading=lazy></p>
<h2>Часті помилки</h2>
<p>За правильною розміткою слід особливо стежити при використанні <a href="/technology/uroki-po-sozdaniyu-cms-sistemy-razbiraemsya-s-adminkoi-cms-made-simple/">безкоштовних CMS</a>та окремих шаблонів - у деяких випадках <h1>та підзаголовки інших рівнів можуть стояти зовсім не там, де вони мають бути (наприклад, <h3>виділяє заголовки блоків). Це зустрічається в WordPress, тому якщо ви бачите, що віджети в сайдбарі мають теги заголовка, змініть їх на інші (наприклад, на ).</p>
<p>Також іноді заголовки включають якісь сторонні елементи на кшталт зображення чи посилання, і це негативно позначається на SEO.</p>
<p>Інша типова помилка – наявність на сторінці кількох тегів <h1>. Цей тег має бути один і лише один.</p>
<p>Найчастіше теги <h1>…<h6>можуть бути неправильно оформлені у візуальному текстовому редакторі панелі адміністратора: їх не закривають, залишають порожніми або включають туди дуже багато тексту. Важливо не лише,</span><i>що</i><span>ви напишіть у заголовках, але і те,</span><i>як</i><span>ви це зробите - тому</span><b>стежте за оформленням</b>.
</p>
<p>Якщо повертатися до тексту, то помилки стандарти: занадто багато ключових слів, розділові знаки і так далі (про все це вже писалося вище). Проте важливо пам'ятати і зміст самого заголовка - він має співвідноситися з текстом. що йде далі.</p>
<p>Тобто <b>заголовок повинен виконувати свою функцію</b><span>. Тому що, коли він її не виконує, починаються проблеми.</p>
<p>Бувають, до речі, помилки навпаки – коли замість того, щоб поставити тег заголовка, ставлять теги <p>І <span>з якимось стилем.</p>
<p>Ще буває, що, прочитавши все вище, людина вирішує відмовитись від заголовків і не використовувати їх у маленьких текстах. І тут треба розуміти, що практично будь-який текст можна розбити на невеликі частини, і відповідно назвати їх.</p>
<h2>Висновок</h2>
<p>Якщо ви хочете використовувати SEO для збільшення конверсії на своєму сайті, то вам потрібно уважно ставитися до заголовків на сторінках сайту та їх оформлення. Нічого складного в цьому немає, головне - дотримуйтесь порад, перерахованих у цій статті, і не забувайте також про те, що головне, для кого ви пишите заголовки і робите правильне оформлення - це відвідувачі сайту (а не пошукові роботи).</p>
<p>Привіт хлопці! Відчуваю, обстановка загострюється, у коментарях почав прориватися мат, образи на мою адресу. Що ж, а то я вже нудьгував за цими часами. 🙂 Найгірше – це ігнорування. А коли лають – це ж добре, значить когось зачіпаю. Тішить. 🙂 Еге-ге-гей, товаришу коментатор, привіт! 🙂 Але через матюку мені, твій коментар довелося видалити, я не раз казав, що лайки подібного плану терпіти не стану.</p><p>Багато хто звинувачує мене у продажних статтях. Так, був час, але я ж обіцяв, що їхня кількість зменшуватиметься. Але деякі й досі думають, що якщо я роблю огляд якогось сервісу – цей продажний пост. Думайте, що хочете, такі панове. Моє сумління чисте і посміхаюся я у всі криві свої 32 зуби. Настрій у мене прекрасний, та й моїх відданих читачів він буде таким, принаймні я намагатимуся. 🙂</p><p>У минулому уроці я розповідав про SEO розширення для браузерів . Я не просто так вирішив порушити давно виїжджену тему. Я вирішив поставити крапки над І. Чимало читачів у мене запитують, як правильно використовувати заголовки h1, h2, h3 і т.п.? Я вже колись у далекому 2012 році. Роблячи аудити багатьох сайтів я бачу ті самі помилки, яких я не визнаю. Отже, настав час трохи доповнити той урок.</p><p>Можливо, якісь оптимізатори, вважають теги h1 і подібні до марних, але все ж більшість підтримує їх. Якщо Ви досі не зрозуміли, SEO – дуже хитра наука, кожен має свою думку.</p><h2>Правила використання заголовків h1, h2, h3, h4 на сторінці з погляду SEO</h2><h3>Правило №1 <b>:
</b>на сторінці має бути лише 1 тег h1.</h3><p>Запам'ятайте, тільки 1, а не 2, тим більше не 3. Багатьох цікавить, як дізнатися кількість даних тегів на сторінці і дуже часто вебмайстри починають лізти в <a href="/routers/mihail-fl-nov---linux-glazami-hakera-mihail-fl-nov-linux-glazami-hakera/">вихідний код</a>сторінки і вручну шукати ці теги. Я теж так робив доти, поки мій "братан по інтернету" Віталій (http://mojwp.ru/) не підказав мені дуже хитру річ, яка, виявляється, вбудована у мій улюблений SEO bar.</p><p>Що вам потрібне?</p><br><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy loading=lazy><p>Величезний плюс – це 1 тег у h1 на траниці, що дуже добре. Якщо у Вас його немає або їх більше одного, нижче я розповім, як позбавитися зайвих, або додати.</p><h3>Правило №2: заголовки h2, h3, h4 мають бути лише у статті.</h3><p>У моєму випадку Ви бачите, що h2 використовується дуже правильно, а ось у тезі h3, h4 у мене - "сміття". Тобто дані словосполучення не мають жодних корисностей у плані SEO. Більше того, використовуючи теги h у непотрібних місцях ми знижуємо значимість цих тегів для пошукових систем, оскільки їхня “вага” розкидається на непотрібні словосполучення. Тому теги h повинні бути лише всередині статті. Так, бувають винятки, коли ключові слова дуже грамотно вписують в окремі блоки сайту, але туди впихають ніяк не фразу "Підпишіться на сайт" і т.п.</p><p><b>Як виправити ці помилки?</b></p><p>Для виправлення подібних помилок нам знову знадобиться черговий додаток, про який я вже розповідав – це (для Chrome він також є).</p><p>Ми знаходимо елемент у непотрібному нам тезі h на сторінці, наприклад, для прикладу візьму вираз "Підписка" та "Сайт", про які мені підказав RDS bar (вони в h4, див. картинку вище). Знайшов я ці 2 елементи на сайті (можете скористатися пошуком у браузері Ctrl+F, вбивши необхідну фразу для пошуку), “інспектуємо” за допомогою Firebug один із них:</p><p>Вони зараз нам знадобляться. Відкриваємо файл style.css нашої теми і прямо в кінці дописуємо характеристики даного стилю (див. на стрілку картинки вище), просто назвавши його якось інакше (я вирішив назвати new4, не забуваємо на початку точку):</p><h3>Правило №3: на головній сторінці украй бажано використовувати тег h1.</h3><p>на <a href="/tv/nevozmozhno-vypolnit-zapros-v-dannyi-moment-iphone-nevozmozhno/">Наразі</a>на моєму сайті на домашній сторінці немає h1, що, як я вважаю, порушують структуру.</p><blockquote><p>Я вважаю, що на сторінці не може бути тега h3, якщо вище за нього немає h2, також не може бути використаний h2, якщо немає h1. Аналогічно, використання h1 і h3, наприклад, без h2 теж неправильно. Причому все чітко має йти структурою: h2 не може стояти вище h1 на сторінці, h3 не повинен стояти вище першого тега h2 і т.д.</p>
</blockquote><p>Що ж запхати в h1 для головної сторінки? Це може бути текст, куди грамотно включені ключові слова, за якими ви просуваєтеся. Повторюся, ГРАМОТНО вписані, а не тупий перелік.</p><p>Також у багатьох опис у шапці сайті виводить саме <a href="/windows-7/kak-skinut-nuzhnuyu-informaciyu-s-diska-cd-ili-dvd-na-fleshku/">потрібну інформацію</a>. Там зазвичай "смачні" ключові слова, а також шапка вважається "солодким місцем", де добре "годувати" <a href="/tablets/socialnyi-poiskovik-poiskovye-sistemy-interneta-obzor/">пошукові системи</a>потрібними фразами. Гріх це не використати.</p><blockquote><p>Запам'ятайте: заголовок h1 має бути відмінним від title сторінки. Це буде корисно для <a href="/viruses/prodvizhenie-lending-peidzh-svoimi-rukami-seo-prodvizhenie-lendinga-v/">пошукового просування</a>.</p>
</blockquote><p>Зазвичай, десь тут зустрічається опис сайту (у моєму випадку його немає): <br><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie-580x271.jpg' width="100%" loading=lazy loading=lazy>Але тут виникає якась проблема: якщо ми пропишемо цей опис у h1 у шапці сайту, то він усередині статей теж буде в h1, що знову неправильно.</p><p>Тобто нам потрібно прописати якусь функцію, яка виконує наступне: якщо ми знаходимося на головній сторінці, то тексту в шапці надається тег h1, якщо ж ми на сторінці відмінною від головної, то відображається той же текст, у такому ж стилі, але вже без тега h1. Це робиться для того, щоб на <a href="/tv/chto-takoe-gramotnaya-perelinkovka-pravilnaya-ruchnaya-perelinkovka-statei-glavnoi/">внутрішніх сторінках</a>не було 2 тега h1 (опис сайту + заголовок статті).</p><p>І мій ще один "братан по інтернету", цього разу вже з Казані, якого звуть Раміль (шкода у нього немає блогу, поставив би зараз посилання), люб'язно поділився цією <a href="/mobile-device/chtenie-faila-v-php-vybiraem-optimalnyi-variant-funkcii-raboty-so/">PHP функцією</a>(Ви ж знаєте, в PHP я не "шарю"), ось вона:</p><p> <?php if(is_front_page()) {?><h1 id="description">Опис сайту</h1> <? }
else{ ?><strong id="description">Опис сайту</strong> <?}?>
</p><p>Тут ви повинні заздалегідь задати в style.css однакові стилі для h1 і для стилю “description”, щоб візуально відвідувачі не бачили відмінностей.</p><p>Також існує думка, що, щоб уникнути санкцій з боку пошукових систем за “переспам” заголовки h2, h3 і h4 краще замінювати стилями, наприклад <div class=”zagolovok”>або <p>На мою думку, все. Якщо будуть питання – пишіть, будь-яко відповім. І так, продовжуйте писати веселі коментарі, вони викликають у мене посмішку та піднімають настрій. 🙂</p>
<p>Грамотний підбір і розстановка заголовків H1 і H2 при оптимізації текстів на сторінках сайту, що просуваються - важливий етап seo робіт. У цьому матеріалі ми розповімо про те, що таке заголовки H1 та H2, яку роль вони грають, а також навчимо правильно використовувати їх для досягнення найкращого результату.</p><h2>Що таке заголовки H1 та H2?</h2><p>Заголовками називаються слова, словосполучення або фрази, що узагальнюють зміст інформації, що настає після них. Нам зовсім необов'язково перечитувати весь текст статті у журналі чи газеті, щоб зрозуміти, про що ж у ній йтиметься. Ми кидаємо погляд на заголовки та підзаголовки та вирішуємо, чи цікавий нам цей матеріал, чи варто її читати. Якщо ми відкриваємо підручник чи інструкцію, то за допомогою заголовків нам легко знайти ту інформацію, яка нам потрібна. Словом, заголовки не лише приваблюють читачів, а й служать їх зручності.</p><p>Тексти на веб-сайтах також повинні мати заголовки. Цьому існує як мінімум 2 причини:</p><p><b>1.
</b>Заголовки структурують текст, роблять його зручнішим для читання. Суцільний текст (часто його називають "простирадлом") важкий для сприйняття, читати його не хочеться. А оскільки <a href="/not-included/faktory-ranzhirovaniya-google-kak-uluchshit-povedencheskie-faktory/">поведінкові фактори</a>(Сукупність дій відвідувачів на сайті) сьогодні враховуються пошуковими системами, ви зацікавлені в тому, щоб користувач прочитав текст на вашому ресурсі, а не закрив сторінку, злякавшись «простирадла».</p><p><b>2.
</b>Заголовки дають зрозуміти пошуковим системам, яка інформація міститься у тій чи іншій частині тексту. Спираючись на заголовки, пошуковики оцінюють, наскільки <a href="/data-recovery/tehnicheskie-metody-zashchity-informacii-cikl-obrabotki-personalnyh/">дана інформація</a>відповідає очікуванням користувачів. Саме тому вони такі важливі при оптимізації текстів.</p><p>Тепер ви розумієте, що нехтувати використанням заголовків у текстах на сторінках сайту не варто? Тоді йдемо далі!</p><p>Що ж означає терміни H1 і H2? Нам доведеться трохи порушити питання, що стосуються html-верстки. Н1 та H2 (а, точніше, <h1>і <h2>) - html теги, які показують важливість тексту, наступного після них. Їх ще називають тегами акцентування. У html-документі це виглядає так:</p><p>На веб-сторінці такі стандартні заголовки мають різне форматування:</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/lorem-on-page.png' width="100%" loading=lazy loading=lazy></p><p>Взагалі, існує 6 рівнів заголовків: від H1 до H6. Відповідно, найбільша вага має заголовок H1, заголовок H2 є другорядним, а заголовок шостого рівня H6 найменш значущий. Однак для сео просування найбільш важливі заголовки H1 та H2. Про правила їх використання для оптимізації текстів ми й поговоримо.</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/h1-h2-for-seo.png' width="100%" loading=lazy loading=lazy></p><h2>Що потрібно знати для грамотного розміщення заголовків H1 і H2?</h2><p>Заголовок H1 відіграє важливу роль не тільки при оптимізації тексту, а й при оптимізації всієї сторінки. Саме він повідомляє пошуковій системі, наскільки контент, представлений на сторінці, відповідає заголовку сторінки (Title), а отже, відповідає очікуванням користувачів.</p><p>Ви придумали для тексту креативний, незвичайний, привабливий заголовок, що базується, наприклад, на грі слів? Такий підхід може бути добрим для друкованої реклами або газетної статті, однак для пошукового просування такий креатив може принести негативні наслідки. Пошукові системи не мають фантазії і образного мислення, їм важлива конкретика. Нижче наведемо важливі рекомендації для складання заголовка H1.</p><h2>Основні правила використання заголовка H1</h2><ul><p>Заголовок H1 має бути коротким, але ємним. Важлива умова - природне входження до нього ключових слів. Наведемо приклад. Допустимо, ви оптимізуєте сторінку, на якій представлений каталог жіночого взуття. Для просування цієї сторінки вибрано наступні запити (про те, що таке пошукові запити, ви можете прочитати в нашому матеріалі <b>«Розумій свого сео-фахівця»</b>): «жіноче взуття» (частотність – 3896), «жіноче взуття в Мінську» (частотність – 490), «купити жіноче взуття» (частотність – 384), «взуття для жінок» (частотність – 207), «жіноче взуття каталог ціни» (частотність – 318). Для тексту на цій сторінці логічніше використовувати заголовок H1 «Жіноче взуття», так як він є найбільш загальним, але в той же час описує зміст контенту, а також може бути конкретизований заголовками більш нікого рівня.</p><p>Заголовок H1 повинен зустрічатися на сторінці лише один раз.</p><p>Цей заголовок міститься на самому початку тексту, бажано вгорі сторінки.</p><p>Заголовок H1 повинен розташовуватися вище за заголовки інших рівнів (перед ним не допускається ставити, наприклад, заголовок H2).</p><p>Розмір шрифту цього заголовка повинен бути більшим за розмір шрифту заголовків нижчого рівня. За умовчанням так воно і є, але якщо стилями поставлено інше, слід виправити ситуацію.</p>
</ul><h2>Приклади складання заголовків H2</h2><p>Як складаються заголовки H2? Їх у тексті може бути декілька. Як правило, вони конкретизують заголовок H1 та структурують весь текст. Повернімося до нашого прикладу зі сторінкою, на якій представлено жіноче взуття. Для даної сторінки можна написати текст, що продає, в якому будуть описані переваги моделей, пропонованих покупцям, і представлена таблиця розмірів. Також на сторінці користувач зможе знайти каталог взуття з фото та цінами. При цьому заголовки в тексті можуть бути такими:</p><p><img src='https://i1.wp.com/tanix.by/upload/blog/header-h1-h2/header-example.png' width="100%" loading=lazy loading=lazy></p><p>Якщо ви згадаєте пошукові запити, які ми використовуємо для просування нашої сторінки <a href="/tv/1s-skd-vychislyaemye-polya-primery-shema-komponovki-dannyh-1s-skd-obrashchenie-k/">даному прикладі</a>, то зрозумієте, що у заголовки H2 ми включаємо розширені запити, які мають нижчу частотність. Вони можуть бути представлені в непрямому входження (їх можна схиляти, «розбавляти» іншими словами). А головне - вони конкретизують наш заголовок H1 і сигналізують пошуковій системі про те, що текст, що йде після них, справді відповідають <a href="/inhibits/pochemu-yandeks-brauzer-otkryvaetsya-sam-po-neskolko-raz-kak-udalit/">пошуковим запитам</a>, прописаним у заголовку сторінки (Title).</p><h2>Найбільш поширені помилки використання заголовків H1 та H2</h2><p>У разі використання заголовків для оптимізації текстів постарайтеся уникнути таких помилок:</p><ul><p>Використання тегів <h1>і <h2>для стилізації елементів сторінки. Це часта помилка, яка може виникнути навіть без вашої волі. У багатьох готових шаблонах сайтів (наприклад, Joomla або Wordpress) в теги <h1>і <h2>укладено, наприклад, назви блоків. Допустимо, такі як «Популярні товари», «Останні новини», «Ми в соціальних мережах» та ін. Такий прийом вводить в оману пошукові системи і не дає нічого хорошого. Тому під час проведення сео-аудиту сайту фахівець обов'язково перевіряє, чи «за призначенням» використовуються заголовки. Запам'ятайте важливе правило - H1 та H2 повинні застосовуватися лише для структурування тексту!</p><p>Використання однакових заголовків для різних сторінок. Це, звичайно, нонсенс, проте й таке трапляється. Як мінімум заголовки H1 повинні бути унікальними для кожної сторінки!</p><p>Приміщення в заголовки гіперпосилань.</p><p>Присутність на сторінці двох або більше заголовків H1. Ми пам'ятаємо, що це неприпустимо! Наш девіз: «Одна сторінка – один заголовок H1»!</p>
</ul><p>На закінчення нашої статті звернемо вашу увагу на ще один важливий момент. Йдеться знову про шаблони сайтів. Відомі випадки, коли в стандартних шаблонах сторінок немає заголовків H1. Замість них йдуть заголовки H2. Навіть якщо в адміністративній частині сайту вам пропонується ввести текст у полі «Заголовок матеріалу», то насправді може виявитися, що він буде укладений у теги <h2></h2>. Перевірте, чи немає такої недоробки на вашому сайті – вивчіть структуру документа, натиснувши клавішу F12. Ваш заголовок укладено у теги <h1></h1>? Значить, все чудово!</p><p>Про важливість правильної розміщення заголовків тексту слід нагадати і розробнику, мало знайомому з seo, при верстці унікального сайту.</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>
<footer class="entry-footer">
</footer>
</article>
<nav class="navigation post-navigation" role="navigation">
<h2 class="screen-reader-text">Схожі записи</h2>
<div class="nav-links">
<div class="nav-previous"><a href="/providers/skolko-megabait-v-odnom-gigabaite-ili-kak-pravilno/" rel="prev">Що таке біт і байт (кілобайт, мегабайт, гігабайт, терабайт), а також особливості одиниць виміру інформації Чому дорівнює 1 мбайт у бітах</a></div>
<div class="nav-previous"><a href="/not-included/izmenenie-shrifta-v-steam-ispolzovanie-alternativnyh-shriftov-v/" rel="prev">Використання альтернативних шрифтів у Steam</a></div>
<div class="nav-previous"><a href="/inhibits/ne-ustanavlivaetsya-hrom-pochemu-ne-ustanavlivaetsya-google-chrome/" rel="prev">Чому не встановлюється Google Chrome</a></div>
<div class="nav-previous"><a href="/providers/programma-dlya-sozdaniya-dvd-disk-diskov-programmy-dlya-sozdaniya-dvd-menyu/" rel="prev">Програми для створення DVD-меню</a></div>
<div class="nav-previous"><a href="/ipad/chto-delat-esli-telefon-zablokirovalsya-kak-razblokirovat-telefon-na/" rel="prev">Як розблокувати телефон на андроїд, якщо забув пароль</a></div>
</div>
</nav>
<div class="wpdiscuz_top_clearing"></div>
<div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"></div>
<div class="row">
<div class="col-12">
<div class="sample-posts">
<div class="big-slider js-big-slider-3">
</div>
</div>
</div>
</div>
</main>
</div>
<div class="col-md-4 col-lg-3 widget-area d-flex flex-column" id="right-single-sidebar" role="complementary">
<div class="fix-sidebar-wrap f-grow-1">
<div class="fix-sidebar">
<div class="sidebar-scroll">
<aside id="category-posts-8" class="widget cat-post-widget">
<h3 class="widget-title section-title"><span>Головне за сьогодні</span></h3>
<ul id="category-posts-8-internal" class="category-posts-internal">
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/not-included/kak-udalit-istoriyu-poiska-zaicev-net-kak-udalit-istoriyu-poiska/" title="Як видалити історію пошуку в яндексі на комп'ютері або телефоні"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/7b890c36d795184f26d437ac639634bf.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як видалити історію пошуку в яндексі на комп'ютері або телефоні" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/not-included/kak-udalit-istoriyu-poiska-zaicev-net-kak-udalit-istoriyu-poiska/" rel="bookmark">Як видалити історію пошуку в яндексі на комп'ютері або телефоні</a>
<p class="post-date">2024-06-28 00:21:18</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/mobile-device/razdat-vai-fai-onlain-bez-programm-kak-sdelat-chtoby-noutbuk/" title="Як зробити, щоб ноутбук роздавав вай фай"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/8706517a25ac14ea15f170c001231650.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як зробити, щоб ноутбук роздавав вай фай" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/mobile-device/razdat-vai-fai-onlain-bez-programm-kak-sdelat-chtoby-noutbuk/" rel="bookmark">Як зробити, щоб ноутбук роздавав вай фай</a>
<p class="post-date">2024-06-28 00:21:18</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/viruses/originalnye-oboi-windows-10-mechanical-clock-zastavka-s-mehanicheskimi-chasami/" title="Mechanical Clock – заставка з механічним годинником"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/bd051d150f2f4ba0a6b7195ae435e445.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Mechanical Clock – заставка з механічним годинником" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/viruses/originalnye-oboi-windows-10-mechanical-clock-zastavka-s-mehanicheskimi-chasami/" rel="bookmark">Mechanical Clock – заставка з механічним годинником</a>
<p class="post-date">2024-06-27 00:20:19</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/not-working/razlinovka-s-polyami-kak-sdelat-razlinovannyi-list-v-kletku-ili-v-lineiku/" title="Як зробити розлинений лист у клітину або в лінійку"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/7f99f13a3d8b0af7d118cc24d8897803.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як зробити розлинений лист у клітину або в лінійку" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/not-working/razlinovka-s-polyami-kak-sdelat-razlinovannyi-list-v-kletku-ili-v-lineiku/" rel="bookmark">Як зробити розлинений лист у клітину або в лінійку</a>
<p class="post-date">2024-06-27 00:20:19</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/technology/za-6-voprosov-dayut-dengi-otzyvy-chto-za-reklama-vyplaty-bolshih-deneg-za/" title="Що за реклама виплати великих грошей за проходження опитувань"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/d4f5d91f852154c4988422cc2f30cf13.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Що за реклама виплати великих грошей за проходження опитувань" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/technology/za-6-voprosov-dayut-dengi-otzyvy-chto-za-reklama-vyplaty-bolshih-deneg-za/" rel="bookmark">Що за реклама виплати великих грошей за проходження опитувань</a>
<p class="post-date">2024-06-27 00:20:19</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/not-included/usb-razem-tip-a-kakie-byvayut-vidy-usb-portov-razemov-kabelei-vidy/" title="Які види USB портів, роз'ємів, кабелів?"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/863ca435e11103aecdb77570b3781f42.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Які види USB портів, роз'ємів, кабелів?" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/not-included/usb-razem-tip-a-kakie-byvayut-vidy-usb-portov-razemov-kabelei-vidy/" rel="bookmark">Які види USB портів, роз'ємів, кабелів?</a>
<p class="post-date">2024-06-27 00:20:19</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/routers/zamena-stekla-na-displee-samsung-galaxy-s3-gt-i9300-srochnyi-remont-samsung-i9300-galaxy-s3-kak/" title="Терміновий ремонт Samsung i9300 Galaxy s3 Як зняти скло з самсунгу"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/1e495001738003b8fd1d16a33f308a9a.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Терміновий ремонт Samsung i9300 Galaxy s3 Як зняти скло з самсунгу" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/routers/zamena-stekla-na-displee-samsung-galaxy-s3-gt-i9300-srochnyi-remont-samsung-i9300-galaxy-s3-kak/" rel="bookmark">Терміновий ремонт Samsung i9300 Galaxy s3 Як зняти скло з самсунгу</a>
<p class="post-date">2024-06-26 00:22:26</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/tablets/nacionalnyi-park-koli-nacionalnyi-park-koli-finlyandiya/" title="Національний парк Колі, Фінляндія"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/78f4dc996c477b79df7606a885568377.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Національний парк Колі, Фінляндія" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/tablets/nacionalnyi-park-koli-nacionalnyi-park-koli-finlyandiya/" rel="bookmark">Національний парк Колі, Фінляндія</a>
<p class="post-date">2024-06-26 00:22:26</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/tv/saloniki-otdyh-na-more-saloniki-greciya-plyazhnyi-otdyh/" title="Салоніки (Греція): пляжний відпочинок"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/9d75943aaac26150f447f5f8a5470479.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Салоніки (Греція): пляжний відпочинок" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/tv/saloniki-otdyh-na-more-saloniki-greciya-plyazhnyi-otdyh/" rel="bookmark">Салоніки (Греція): пляжний відпочинок</a>
<p class="post-date">2024-06-26 00:22:26</p>
</li>
<li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/installation/ubiraem-mail-iz-mazily---izmenenie-domashnei-stranicy-kak-ubrat-mail-so/" title="Як прибрати майл зі стартової сторінки Як прибрати у фаєрфоксі майл"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/2fa4430fe83340319480121a7da4f12e.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як прибрати майл зі стартової сторінки Як прибрати у фаєрфоксі майл" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a>
<a class="post-title" href="/installation/ubiraem-mail-iz-mazily---izmenenie-domashnei-stranicy-kak-ubrat-mail-so/" rel="bookmark">Як прибрати майл зі стартової сторінки Як прибрати у фаєрфоксі майл</a>
<p class="post-date">2024-06-25 00:24:22</p>
</li>
</ul>
</aside>
<aside id="custom_html-3" class="widget_text widget widget_custom_html">
<div class="textwidget custom-html-widget">
<div id="wabape1" style="height:500px;width:280px;" align="center"></div>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper" id="wrapper-footer">
<div class="container">
<div class="row">
<div class="col-12 p-0">
<div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
<a class="skip-link screen-reader-text sr-only" href="#content">Перейти до змісту</a>
<nav class="navbar navbar-light navbar-expand-lg p-0">
<div class="container navbar-bottom-line search-wrap js-search-wrap">
<div class="nav-search-content d-flex justify-content-between align-items-center js-search-content">
<div class="search-open">
<i class="fa fa-search"></i>
</div>
<div class="nav-search-form f-grow-1 px-4">
<form method="get" id="" action="/" role="search">
<div class="input-group">
<input class="field form-control" id="s" name="s" type="text" placeholder="Пошук">
<span class="input-group-btn">
<input class="submit text-uppercase btn btn-primary" id="" name="submit" type="submit"
value="Пошук">
</span>
</div>
</form>
</div>
<div class="search-open js-search-btn">
<i class="fa fa-times"></i>
</div>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdownАщщеук" aria-controls="navbarNavDropdownАщщеук" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="hidden-lg-up search-open js-search-btn">
<i class="fa fa-search"></i>
</div>
<div id="navbarNavDropdownАщщеук" class="collapse navbar-collapse text-uppercase">
<ul id="main-menu" class="navbar-nav">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Технології" href="/category/technology/" class="nav-link">Технології</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Провайдери" href="/category/providers/" class="nav-link">Провайдери</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Гальмує" href="/category/inhibits/" class="nav-link">Гальмує</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Програми" href="/category/application/" class="nav-link">Програми</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Зависає" href="/category/hangs/" class="nav-link">Зависає</a></li>
</ul>
</div>
<div class="hidden-md-down search-open js-search-btn">
<i class="fa fa-search"></i>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<footer class="site-footer" id="colophon">
<div class="site-info">
</div>
<div class="d-flex justify-content-center">
<div class="" style="padding: 30px 0">
<a href="/" class="navbar-brand custom-logo-link" rel="home" itemprop="url"><img src="/images/logo.png" class="img-fluid" alt="Все про комп'ютери та їх ремонт" itemprop="logo" / loading=lazy loading=lazy></a>
</div>
</div>
</footer>
</div>
</div>
<div class="row">
<ul id="menu-futer-sajt-info" class="col-12 site-info-menu">
<li class="menu-item type-custom object-custom "><a>© 2024 virtuapc.ru — Все про комп'ютери та їх ремонт</a></li>
<li class="menu-item type-post_type object-page "><a href="">Реклама на сайті</a></li>
<li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайту</a></li>
<li class="menu-item type-post_type object-page "><a href="/feedback/">Контакти</a></li>
<li class="menu-item type-post_type object-page "><a href="">Політика конфіденційності</a></li>
</ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/themes/understrap/js/zvpager.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/email-subscribers/widget/es-widget.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/email-subscribers/widget/es-widget-page.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/themes/understrap/js/theme.min.js?ver=0.6.5'></script>
<script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
</body>
</html> 