- 1. Тег заголовка
- 2. Мета-тег опису
- 3. Відкрийте теги графіків
- 4. День роботів
- 5. Канонічний день
- 6. Теги заголовків
- 7. Старі атрибути
Чи важливі фактори HTML-тегів на веб-сайті? Якщо ви все-таки свідомо використовуєтесь для Seo у 2018 році, чи вони втратили важливість чи їх слід залишити?
Теги HTML - це розділи тексту, які існують у HTML. Вони невидимі для користувачів (якщо їх не шукати у вихідному коді сторінки) та надають пошуковим системам інформацію про вашу сторінку. Ось так вони допомагають пошуковим системам зрозуміти, про що йдеться у вашому вмісті.
Ви відзначаєте найважливіші частини своєї сторінки, щоб виділити їх у SERP, щоб користувачі могли отримати доступ до вашого вмісту. Тому природно припускати, що HTML-теги повинні бути важливою частиною оптимізації на сторінці, що абсолютно важливо для SEO.
Так було і раніше, поки пошукові системи не завжди вирішували дивитись теги та отримувати інформацію самі або представляти компоненти, які вони вважають важливими.
Тому ми обговорюємо наступне питання:
Це правда, що вплив тегів HTML на рейтинги за останні роки зменшився. А тепер веб-майстри можуть навіть вирішити взагалі не використовувати деякі теги у своєму HTML і все ще не бояться втратити рейтинг.
Однак все ж є кілька тегів, які:
- Покращена зручність використання завдяки кращій навігації та найкращій відповідності запитів
- Дайте вказівки пошуковим системам, де знайти основні частини сайту або які частини слід не помітити;
- Зробіть фрагменти SERP більш привабливими та інформативними.
Які мітки є ці маленькі цінні помічники, вам може бути цікаво зараз. Давайте детально поговоримо про кожен із цих HTML-тегів.
1. Тег заголовка
Що це таке?
Заголовкові теги зазвичай використовуються пошуковими системами для ідентифікації теми певної сторінки та відображення її в SERP. У HTML тег заголовка виглядає приблизно так:
<title> Хороший заголовок </ title>
Теги заголовків були дуже важливими для пошукових систем. Тег заголовка - одне з перших речей, які люди бачать у програмах SERP. Тож ці мітки були тими, які наповнилися до кінця неосудними.
Додана вартість для SEO
Сьогодні пошукові системи все ще розуміють, про що йдеться у тезі заголовка. Однак із переходом від Google до семантичного пошуку значення тегів заголовка трохи нижче.
Наприклад, знайшли фахівці Беклінко з що тег заголовка, оптимізований за ключовими словами, асоціювався з кращим рейтингом, але кореляція була нижчою, ніж раніше.
Тепер пошукова система може інтерпретувати тему сторінки без точних ключових слів у заголовку, але з урахуванням усіх елементів сторінки:
Мета опису, зображень, показників активності користувачів та, звичайно, самого вмісту.
Незважаючи на всі ці докази, ми можемо погодитись лише з тим, що теги заголовків використовуються у трьох місцях з найбільшою видимістю:
- SERPs - тут є місце, де користувач вирішує натиснути або не натиснути;
- Вкладки веб-браузера - видимість у цьому місці особливо важлива, якщо користувачі мають більше мільйона вкладок у своєму браузері (так, ви не самотні);
- Соціальна - Ваш тег заголовка використовується під час спільної публікації сторінки.
Проблема
Час від часу Google вирішить не використовувати ваш тег заголовка, але відображатиме інший.
Є кілька причин, через які може виникнути ця проблема:
- Заголовок заповнений модним словом - очевидно, що ви оптимізуєте свій заголовок за цільовими ключовими словами, але також важливо не перестаратися. Інакше Google перепише вашу назву так, як вважає за потрібне.
- Заголовок не відповідає пошуковому запиту - Google може вибрати вашу сторінку за певним запитом, навіть якщо ваш заголовок не відповідає цьому запиту. У цьому випадку заголовок іноді переписується для SERP. Очевидно, що ви не можете написати заголовок, який відповідає всім можливим запитам. Однак якщо ви виявите, що Google переписує ваш заголовок для запитів із великим обсягом, вам слід переглянути його.
- Є кілька альтернативних назв - у Facebook та Twitter є власні теги в розділі <head>. Тож якщо ви використовуєте альтернативні заголовки для цих соціальних мереж, Google може використовувати їх замість ваших тегів заголовків.
Тому слід оптимізувати
Я думаю, ти повинен знати. Оптимізувати заголовки дуже просто! Є кілька порад щодо написання, які Google обов'язково сподобаються:
Бажано зберегти заголовок 70 символів або менше , інакше презентація може бути поставлена абсхактом. Також пам’ятайте, що, наприклад, літера W займає більше місця, ніж, скажімо, буква I або малі літери.
Отже, якщо ваш заголовок досить довгий, краще уникати клавіші Caps Lock і рахувати символи, враховуючи, скільки місця вони займають. Не забудьте використовувати збереження символів, наприклад, ampersand (&) замість "і", косою косою (/) замість "або" тощо.
Так чи інакше, довгий титул не є помилкою, за нього немає штрафу. Але я впевнений, що ви хочете, щоб ваші заголовки повністю відображалися в результатах пошуку.
Якщо ви не хочете, щоб Google переписував ваші заголовки або карав вас за те, що ви спричинили поганий досвід користувача, не заповнюйте свої заголовки мільйоном ключових слів .
Однак важливо оптимізувати заголовок для цільових ключових слів. Спробуйте використати одне або два ключові слова, щоб створити описовий та унікальний заголовок. Завжди пишіть для своїх клієнтів. Зрозуміло, що ви хочете залучити більше відвідувачів, але ви також хочете, щоб вони залишилися на вашому сайті і стрибали прямо в неправильному місці.
Використовуйте ключові слова ближче до початку заголовка. Таким чином користувачі, які сканують результати пошуку, спочатку помітять вашу важливу інформацію.
Я також рекомендую уникати повторюваних назв, оскільки Google може припустити, що ви маєте дублікат вмісту і може накладати штраф на ваш веб-сайт.
Якщо у вас є відомий бренд, корисно використовувати їх у назві. Це буде своєрідним підтвердженням вашого контенту через якість та визнання вашого бренду. Але не забудьте використовувати його як суфікс у кінці заголовка (якщо, звичайно, це не домашня сторінка чи інформаційна сторінка, яка, звичайно, повинна бути більш орієнтована на бренд), щоб чітка інформація була більш помітною.
2. Мета-тег опису
Що це таке?
Метаопис - це короткий розділ тексту у розділі HTML <head> сторінки. Зазвичай він відображається в розділі SERP за назвою та URL-адресою веб-сайту. У HTML це виглядає так:
<meta name = "description" content = "Хороший опис">
Додана вартість для SEO
Значення метаописання дуже близьке до заголовка. Це важливий елемент сторінки, який допомагає пошуковим системам визначити тему сторінки та допомагає користувачам визначити, чи відповідає сторінка їх пошуковому запиту.
Хоча метаопис не є фактором ранжування, він все одно визначає, чи користувач натискає вашу сторінку і, таким чином, впливає на швидкість кліку (CTR). Також детальний опис, який відповідає вашому вмісту, значно знизить показник відмов.
Метаопис можна побачити у двох місцях із високою видимістю:
- SERPs - метаопис займає більшу частину фрагмента SERP;
- Соціальна - мета опис зазвичай відображається, коли користувачі діляться вашою URL-адресою через канали соціальних медіа.
Проблема
Подібно до навмисного використання заголовків Google, опис, відображений у SERP, може відрізнятися від описаного в розділі <head>.
Здається, що мета описи залежать навіть від заголовків сторінки. В одному з сеансів зустрічі згаданий Джон Мюллер, щоб вони налаштували опис на основі запиту користувача.
Загалом Google використовує опис, наведений у <head>. Однак якщо для відповідності запиту потрібна додаткова інформація або більше контексту, частина вмісту також може бути використана. Це одна з причин, чому пошукова система відображає довші фрагменти.
Є кілька способів оптимізувати цю проблему, оскільки ви, можливо, не зможете написати опис, щоб задовольнити всі запити. Найкраще, що ви можете зробити, це написати опис, який найкраще відповідає змісту вашої сторінки.
Тому слід оптимізувати
Не так давно, щоб повністю відобразитись у фрагменті SERP, довжина мета-опису повинна була становити близько 160 символів.
Потім це значення поступово збільшувалося до 300 символів. Нарешті, у грудні 2017 року фрагменти пройшли позначку 300 символів.
Що робити у цій ситуації? Багато інтернет-маркетологів мають деякі Експерименти виконані, щоб зрозуміти, як саме використовується метаопис. Ну, відповідь на цей експеримент - немає впевненої довжини метаопису .
Перш за все, дозволено опис будь-якої довжини. Якщо це занадто довго, Google вирішить це, але це теж не буде катастрофою.
Я думаю, що найбезпечнішим способом все-таки залишається близько ~ 300 символів і слідувати останнім уявленням з цього приводу
Якщо Google відповідає описам ваших користувачів, створіть опис для користувачів. Спробуйте створити опис, який чітко і лаконічно оголошує вміст вашої сторінки. І уникайте повторюваних описів - пошукові системи можуть думати, що на вашому веб-сайті є дубльований вміст.
Також пам’ятайте, що пошукові терміни пишуться жирним шрифтом в описах пошукових систем. Такі сміливі слова привертають увагу користувачів. Тому оптимізація мета-опису для ключових слів все ще важлива.
- У метаописі немає цитат
Якщо ви використовуєте подвійні лапки в HTML-описі HTML, Google урізує цей текст у лапки під час перегляду у програмі SERP. Тому краще видалити всі буквено-цифрові символи з ваших метаописів.
Не жартуючи, ви можете візуально виділити фрагмент SERP. Зі спеціальним націнка Ви можете додати елементи до свого HTML-коду, які роблять ваші фрагменти більш привабливими для користувачів.
Наприклад, вони можуть бути забезпечені рейтингом зірок, рейтингом клієнтів, зображеннями, додатковою інформацією про товар тощо.
Завдяки Google, вам не потрібно бути веб-розробником, якщо вам потрібно позначити структуровані дані на веб-сайті. Ви можете це зробити Використовуйте структурований помічник розмітки , Перш ніж додати HTML-код розмітки схеми на свої сторінки, не забудьте скопіювати свої фрагменти, скопіювавши та вставивши вихідний код вашої сторінки на сторінку Перегляньте інструмент для тестування Google ,
3. Відкрийте теги графіків
Що це таке?
Відкрити графік (OG) теги - це додаткові метатеги в розділі HTML <head> сторінки, які можуть перетворити будь-яку веб-сторінку в багатий об’єкт соціальних мереж. Він був вперше представлений Facebook у 2010 році та визнаний іншими основними платформами соціальних медіа (LinkedIn, Google+ тощо).
У HTML це може виглядати приблизно так:
<meta name = "og: title" властивість = "og: title" content = "Хороший заголовок відкритої графіки">
Додана вартість для SEO
Використовуючи теги OG, ви можете контролювати, як відображається інформація про вашу сторінку при спільному використанні в соціальних каналах. Ця здатність може допомогти вам покращити ефективність ваших посилань у соціальних мережах для збільшення кількості кліків і конверсій.
Тому слід оптимізувати
Перш ніж ви вирішите застосувати теги OG у своєму коді HTML, подумайте про оптимізацію. Є кілька тегів Open Graph, я дам кілька порад щодо найбільш важливих і популярних.
Зрозуміло, ось назва вашого вмісту. Ви можете скопіювати і вставити тег заголовка, якщо вважаєте, що це достатньо переконливо для каналів соціальних медіа.
Зауважте, що вона повинна бути від 60 до 90 символів, інакше вона буде усічена.
За допомогою цього тегу ви можете описати тип об’єкта, яким ви хочете поділитися: веб-сайт, поштове відділення, відео, компанія тощо. Ви можете повний список тут перевірити.
Цей тег вважається важливим, якщо на вашій сторінці є кнопка «Подобається». Можливо, буде корисно побачити, чи відображається ваш вміст у розділі Інтереси Facebook, чи йому це подобається.
У більшості випадків тип "веб-сайт", оскільки ви в основному ділитеся посиланнями на веб-сайти. Якщо це так, вам не потрібно вказувати тип у коді, він читається як такий за замовчуванням.
Це дуже схоже на тег мета-опису. Він не відображатиметься в SERP. Він відображатиметься як підсумок, коли ваша сторінка буде загальнодоступною. З цієї причини розумно проникнути ваші ключові слова в цей конкретний опис, марно.
Основне завдання цього тегу - охопити потенційну аудиторію та отримати більше кліків.
За довжиною цей опис повинен містити близько 200 символів.
На малюнку справжній туз у рукаві. Зображення зробить ваше з'єднувальне з'єднання на 500% привабливішим. Тому вибирайте це обережно.
Зрозуміло, що картина кидається в очі, закликає до відповідних асоціацій. Ви можете вставити текст у своє зображення у форматі OG, щоб повторити основну точку вмісту або викликати дію (заклик до дії)
Просто спробуйте розмістити текст (або найбільш значну його частину) посередині зображення, оскільки Facebook, наприклад, перетинає сторінки ескізів.
Рекомендована роздільна здатність для зображення в форматі OG - 1200 × 627 пікселів, розмір - до 5 МБ.
Коли ви закінчите з мета-тегами OG, ви можете використовувати Відкрити налагоджувач об’єктів графіків , інструмент, створений Facebook, перевірте, як це виглядає.
Карти Twitter дуже схожі на теги OG (назва, опис, зображення тощо), але використовуються виключно Twitter. Хоча твіти зараз можуть перевищувати 140 символів, але ці картки є приємним розширенням, яке дозволить твіту виділитися масою загальних текстових твітів.
Існує кілька типів карт Twitter:
- Карти гравців - ці картки дозволяють користувачам відтворювати відео чи аудіо у твітті.
Опис: 200 символів
Відео: H.264, базовий профіль, рівень 3.0, до 640 х 480 пікселів при 30 кадрах в секунду.
Аудіо: AAC, менш складний профіль
Примітка: Підтримується лише один тип картки на сторінці.
Після того, як ви закінчите з елементами своєї картки Twitter, вам потрібно зробити дві речі:
- Налаштуйте картки для своїх сторінок. Почніть тут ,
- Підтвердьте свої картки тут , Інструмент перевірки дозволяє перевірити на наявність помилок і попередній перегляд ваших карт.
Карти гравців також повинні бути затверджені у Twitter. Використовуйте цей посібник щоб дізнатися, як це працює.
4. День роботів
Що це таке?
Тег роботів - це елемент HTML-сторінки сторінки, який інформує пошукові системи, які сторінки на вашому веб-сайті повинні, а не повинні індексуватися.
Його функції схожі з функціями robots.txt. Але зазвичай він використовується, щоб пошукові системи не індексували окремі сторінки, в той час як robots.txt не дає їм індексувати всю сторінку або частину її.
У HTML це може виглядати приблизно так:
<meta name = "robots" content = "індекс, дотримуйтесь">
Додана вартість для SEO
Справа не в тому, що тег роботів може допомогти вам покращити рейтинг, але ви можете використовувати його для збереження рейтингу, якщо вам потрібно заблокувати деякі сторінки від індексації.
Наприклад, у вас можуть бути деякі сторінки, що мають досить тонкий вміст, від якого ви не хочете отримувати результат у SERP, але які ви хочете зберегти у структурі сторінки. У цьому випадку ви можете просто додати тег noindex для цієї сторінки.
Тому слід оптимізувати
- Правильне використання тегів роботів
Якщо ви не додали цей тег до свого HTML, пошукові системи за замовчуванням шукають усі ваші сторінки. Використовувати тег роботів має сенс лише в тому випадку, якщо ви хочете змінити будь-який з цих параметрів.
Якщо сторінка знаходиться в розділі, де сканування через файл robots.txt заборонено, будь-які HTML-роботи на цій сторінці будуть ігноровані.
- Правильне використання параметрів тегу робота
Google знає та поважає такі параметри, які можна вказати у тезі роботів:
- Noindex - не дозволяє пошуковим системам індексувати сторінку;
- Nofollow - не дозволяє пошуковій системі слідувати будь-якими посиланнями на сторінці (тому він відрізняється від атрибута nofollow, застосованого на одному рівні URL-адреси);
- Noarchive - запобігає появі кешованої копії сторінки в результатах пошуку.
- Носніппет - запобігає появі опису сторінки в результатах пошуку та запобігає кешування сторінки;
- Жоден - те саме, що "noindex, nofollow".
Пам’ятайте, що Google розуміє всі комбінації малих та великих літер, які ви використовуєте для параметрів тегів роботів.
- День роботи та безпека
Зауважте, що зловмисні сканери можуть ігнорувати всі параметри вашого тегу роботів. Тож якщо ви використовуєте цей тег як захід безпеки, він не принесе вам користі.
Якщо у вас є приватна інформація, яку ви хочете утримувати від публіки, виберіть безпечніший підхід, наприклад: Наприклад, захист паролем.
5. Канонічний день
Що це таке?
Якщо у вас є кілька сторінок з повторюваним вмістом, ви можете скористатись тегом Canonical, щоб повідомити пошуковим системам, якій сторінці потрібно розставити пріоритети.
У HTML це виглядає так:
<link href = "URL" rel = "canonical">
Додана вартість для Seo
Канонічний день важливий для SEO двома способами.
По-перше , він не тільки повідомляє пошуковим системам, яка сторінка важливіша, але й те, що такі сторінки не є дублюючим контентом. Оскільки дублікат вмісту карається штрафами, цей тег є вбивчою ознакою.
По-друге , канібалізація не дозволяє сторінкам, які є менш важливими, ніж інші, отримувати більш високі рейтинги.
6. Теги заголовків
Що це таке?
Теги заголовків - це заголовки (h1-h6), які ви використовуєте для структурування сторінки. У HTML тег заголовка може виглядати так:
<h1> Ваша унікальна назва </h1>
Додана вартість для Seo
Ці теги допомагають пошуковим системам більш ефективно читати ваш вміст. Порядок тегів заголовка (h1 - h6) вказує на значення кожного розділу.
Коли сторінка структурована за рівнем, відвідувачам набагато простіше її прочитати та зрозуміти найважливіші частини за короткий час.
Окрім цього, час від часу Google створюватиме спеціальні розділи для заголовків певної сторінки (це зазвичай працює для інструкцій та інструкцій).
H1 вашої сторінки відповідає запиту, а ваші підзаголовки (наприклад, h2) створюють хронологічний список у вилученому розділі.
Тому слід оптимізувати
- Ієрархічний порядок рубрик
Ієрархія заголовків дозволяє пошуковим системам краще розуміти ваш вміст. Як відомо, тепер вони враховують усі фактори, щоб знайти найкращі відповіді на наші запитання.
Вважається хорошим методом використання лише однієї h1 на сторінку та логічно розділити вміст на шматки h2. Якщо необхідно, ви можете додатково сегментувати h2-секції з h3, h4 тощо. Не використовуйте лише різні заголовки випадковим чином. Використовуйте це стратегічно, щоб ввести основний пункт кожного розділу.
Пам’ятайте, хоча використання однієї h1 на сторінку зробило справжню різницю в SEO перед популярністю HTML5, тепер можна використовувати кілька тегів h1 на сторінку. Як результат, важливість цих тегів, а також всієї ієрархії тегів заголовків зменшилася.
- Заголовки, оптимізовані за ключовими словами
Оскільки ваші заголовки вводять основні моменти кожного розділу сторінки, непогано включити до них цільові ключові слова та їх синоніми. Крім того, ваш h1 (якщо ви використовуєте його як заголовок сторінки) зазвичай схожий на ваш тег заголовка в HTML. Таким чином, він уже оптимізований відповідно до заголовкового тегу.
Без начинок ключових слів !!!
Поки пошукові системи читають ваші метатеги, відвідувачі читають текст. Тому вам не тільки потрібна індексація вашого контенту, але і вам потрібно покращити користувацький досвід.
Якщо ви використовуєте h1 як заголовок своєї сторінки, спробуйте зробити його видимим для відвідувачів, оскільки цей h1, швидше за все, передає основну тематику змісту вашої сторінки. Так має бути:
- більше, ніж усі інші текстові елементи вашої сторінки;
- Розпізнавальний з першого погляду: Використовуйте різні елементи форматування та стилізації, щоб виділити їх.
7. Старі атрибути
Що це таке?
Текстовий атрибут alt є частиною тегу зображення і містить опис зображення. У HTML це виглядає так:
<img src = "url" alt = "Ваш унікальний опис зображення">
Додана вартість для Seo
Текст Alt відіграє важливу роль в оптимізації зображення. Це робить ваші зображення доступними як для пошукових систем (розповідаючи про те, що означає певне зображення), так і для людей (показуючи альтернативний текст, якщо певне зображення не можна завантажувати, або допомагаючи читачам екрану подавати зображення).
Тому слід оптимізувати
Якщо ви хочете скористатися цією додатковою опцією, щоб зайняти вищий ранг за допомогою оптимізації зображення, спочатку перевірте, чи немає порожніх альтернативних текстів. Отже, ви бачите, де ви пропустите цю можливість на сьогоднішній день.
Остерігайтеся, якщо у вас є тисячі фотографій, вам не доведеться підлаштовувати кожну (PHEW!). Приділіть особливу увагу тим, хто надає корисні дані, а не лише тим, що використовуються для розваг та прикрас.
Корисні зображення - зображення продуктів, скріншоти деяких процесів, ваш логотип, інфографіка, діаграми тощо.
- Альтернативні тексти, оптимізовані за ключовими словами
Старий текст - це ще один спосіб використання цільових ключових слів. Але не перестарайтеся! Напишіть опис, який містить контекст для вашого вмісту, та використовуйте ключове слово, де це доречно. Образи, оптимізовані за ключовими словами, добре працюють у поєднанні з чинниками, які пошукові системи враховують при ранжуванні сторінок.
Постарайтеся також, щоб ваші описи були досить короткими - приблизно 125 символів, оскільки читачі екрану відрізають текст alt навколо цієї позначки.
Розумієте, чорт у деталях. Жоден із цих тегів не може безпосередньо впливати на ваш успіх SEO, але існує більше ніж один спосіб побічно вплинути на нього. Розумно знати, які варіанти у ваших <head> і <body>, як це працює, і що ви можете зробити, щоб деякі теги працювали для вас.
Якщо ви все-таки свідомо використовуєтесь для Seo у 2018 році, чи вони втратили важливість чи їх слід залишити?Що робити у цій ситуації?
