Сніппет це що таке - Розширені сніпети Гугл Яндекс

1. Сніппет це що таке
2. Як зробити сниппет для Яндекса
3. формуємо Title
4. Фавікон або іконки для сніпетів
5. Як додати адресу в сниппет Яндекса
6. додаткова інформація
7. Опис (анотація)
8. Контактна інформація
9. Відображення швидких посилань в сніпеті Яндекс
10. Інформація про товар і ціна в сніпеті Яндекса
11. Rich snippets або розширені сніппети Google
12. сніппети Mail.ru
13. висновки

Сніппет це важливий елемент будь-якого сайту для залучення відвідувачів з пошукової видачі. Тому в даній статті ми більш детально розберемо цей seo елемент. Ви дізнаєтеся, що це таке, для чого він потрібен і як зробити розширені сніппети Гугл, Яндекс і Mailru.

Сніппет це що таке

Для початку давайте розберемося, що таке сниппет сайту і для чого він потрібен. Сніппет - це блок інформації про знайденому документі, який відображається в результатах пошуку.

Його основні завдання:

• Показати первинну інформацію на потрібний запит
• Змусити людину звернути на себе увагу
• Зацікавити користувача для переходу на сайт

Зверніть увагу, що snippets впливає на просування сайту за рахунок поведінкових факторів . Якщо ви його складете погано, то на ресурс можуть заходити нецільові відвідувачі, які не будуть занадто зацікавлені в контенті. Це дуже погано для SEO просування! Тому тут будьте дуже уважні.

Сніппети по-різному надаються в пошукових системах. Шляхи їх отримання теж відрізняються. У цьому матеріалі ми з вами більш докладно розберемо сніпети Яндекс. Також я дам вам корисні рекомендації щодо Google та Mail.ru.

Ось як виглядає звичайний і оптимізований snippet:

Звичайний і оптимізований сниппет в Яндексі

Домогтися топової позиції, це ще не означає що ви гарантовано отримаєте перехід на сайт. Вас легко обійдуть конкуренти якщо їх сниппет буде більш презентабельним і набагато краще притягувати увагу.

Для початку давайте розберемо два приклади фрагментів Яндекса. У пошуку ми вбили запит «продаж дитячого одягу Іркутськ». На 4 і 5 позиції знаходилися два представлених нижче сайту.

На який із сайтів ви перейшли б за умови, що можна відкрити тільки 1 проект?

Я б вибрав другий варіант.

З чого складаються сніпети Яндекс

Давайте детально розберемо, що ми бачимо у другого сайту:

1. фавікон
2. адреса сайту
3. Назва
4. опис
5. Додаткова інформація з Яндекс Довідника
6. Доп. інфа про сайт

Якщо так придивитися, то те ж саме ми бачимо і для першого сайту.

Але чому тоді другий варіант краще?

А краще через вміст і відкритих контактів з Яндекс Довідника. Саме остання добре відповідає на мій регіональний запит.

Якщо подивитися вихідний код першого сайту, то побачимо наступне. Опис, виведене в сніпеті відрізняється від мета тега description. Клікніть по картинці нижче для збільшення.

Справа в тому, що опис, складене пошуковою системою Яндекс, залежить від заданого запиту. Воно може братися з різних місць. І навіть не з вашого сайту. Але про це ми в цій статті ще поговоримо.

Якщо подивитися вихідний код сторінки другого проекту, що в описі сниппета виводиться мета-тег description. Це означає, що пошукова система вважає цей тег релевантним ключовому запиту . Отже, опис сниппета можна вважати оптимізованим під запит.

Опис сниппета для сайту

Як зробити сниппет для Яндекса

Тепер давайте більш детально поговоримо про те, як зробити сниппет для Яндекса. Для цього нижче ми розберемо всі його складові частини. Я розповім, для чого вони потрібні і як правильно їх впровадити.

формуємо Title

У 90% випадків тег title ідентичний назвою, яке виводиться в сніппет. Рекомендована довжина до заповнення тега title коливається в районі 55 символів.

Обов'язково має бути наявність ключового запиту в цьому тезі. Також сам тайтл повинен висвітлювати суть сторінки, до якої він прив'язаний.

Якщо тайтл відсутня або сформований дуже погано, то буде обраний більш інформативний заголовок з тексту документа.

Ще можуть використовуватися дані, розмічені Open Graph. Це такий стандарт розмітки для формування і публікації інформації в сніппет для пошукової видачі і в соціальних мережах.

Щоб додати інформацію для формування сниппета в соцмережах, в html коді сторінки всередині елемента head вкажіть заголовок сторінки і назва сайту в властивості og: title і og: site_name.

Більш докладно я говорити про такий формат не буду, так як він розроблявся Facebook в основному для соціальних мереж.

Просто іноді він може враховуватися пошуковими системами. Зазвичай це відбувається, коли основні мета-теги складені погано або взагалі, порожні.

Тоді пошуковикам нічого не залишається, як у видачі виводити дані з інших елементів html коду сторінки. Тому завжди прописуйте основний title сторінки.

Плюс до всього, додавайте додаткові заголовки і для соцмереж. Це буде корисно, коли хто-небудь поділитися вашої сторінкою в цих мережах.

Фавікон або іконки для сніпетів

Фавікон - це невелика картинка або піктограма сайту, який висвічується у видачі поруч тайтлов. Також ці іконки для сніпетів можуть відображатися і в рядку браузера.

Виводимо іконки для сніпетів

Щоб фавіконки відобразилася в результатах пошуку, необхідно в кореневому каталозі сайту розмістити картинку як файл розміром 16 x 16 і форматом ico. Але можливі також і інші формати: gif, png або jpeg.

Щоб описати favicon, в html коді сторінки додайте в елемент head один з наступних кодів, представлених на малюнку вище. Через деякий час ваша фавіконки з'явиться сніпеті Яндекса.

Як додати адресу в сниппет Яндекса

Тепер давайте поговоримо про те, як додати адресу в сниппет Яндекса. Варто сказати, що для великих проектів з добре вираженою структурою, в сніпеті може показуватися навігаційна ланцюжок. Це ряд посилань розділів сайту, до якого відноситься знайдена сторінка.

Сформований адреса в сниппет Яндекс

Для розпізнання структури і вибору назви сайту, Yandex використовує алгоритм швидких посилань. Рекомендації вебмастера зводяться до того, щоб зробити більш зрозумілу і просту структуру проекту.

Ніяких інших спеціальних можливостей для цієї функції не потрібно. Ось основні правила для створення навігаційних ланцюжків в розширеному сніпеті в Яндексі:

• Тільки для великих веб-ресурсів
• Формувати строго по каталогам: дерево розділів сайту має відповідати url
• Наявність людино-зрозумілих урлов
• Для вибору назв використовуйте title і тексти посилань на сторінку. І потрібно, щоб вони (title і назва посилань) збігалися.

Також в вебмайстрів Яндекса можна візуально виділити адресу свого сайту. Робиться це в пункті «Регістр імені сайту» розділу «Інформація про сайт».

Цей інструмент дозволяє змінити написання урла сайту в пошуку. Це потрібно щоб зробити його більш зрозумілим і інформативним для користувача.

Новий реєстр імені сайту

Після завдання регістра імені сайту, дані відправляються на перевірку модератором.

Пам'ятайте, що Yandex залишає за собою право не приймати ті зміни в імені сайту, які призначені тільки для штучного виділення.

Зміна регістра в імені повинно бути направлено на поліпшення читаності домену і відповідати таким вимогам:

• Якщо доменний сегмент містить більше одного слова, то все слова сегмента можуть починатися з великої літери. Приклад був показаний на малюнку вище.
• Не можна змінювати регістр для доменних імен, що включають дефіс.
• Не можна змінювати для інтернаціональних доменів. Відповідно, домени на кирилиці не мають можливості регістра імені.
• З великої літери власні імена можуть бути, в тому числі і є доменами загального користування.
• Всі великі літери допустимі в доменних іменах, що представляють собою загальновідомі абревіатури, які збігаються з назвою сайту або компанії.

додаткова інформація

Наступний пункт, це додаткова інформація. Тут докладно зупинятися не буду, так як вплинути на нього ми не можемо.

Кнопка поруч з назвою сайту дозволяє відразу перейти до збереженої копії сторінки. А також подивитися всі документи по знайденому запитом даного проекту або поскаржитися на результати пошуку.

Збережена копія покаже копію сайту останньої дати індексації.

Показати ще з сайту - це посилання, яка дозволяє подивитися інші документи ресурсу, відповідні даному запиту.

Поскаржитись - це якщо ви вважаєте, що результати пошуку Яндекса не відповідають запиту або містять небажаний матеріал. Тоді ви зможете повідомити про це.

Опис (анотація)

Опис або анотація - це короткий опис документа. Складається на основі мета-тега description, фрагмента тексту з сайту і опису сайту з Яндекс Каталогу або Dmoz.

опис сниппета

Description повинен містити короткий і осмислене зміст сторінки з ключовими запитами тільки для даної сторінки. Максимальна довжина повинна бути не більше 200 символів.

Якщо мета-тег дескріпшен відсутня або погано сформований, то система покаже найбільш короткий опис з тексту сторінки. Тобто опис автоматом буде формуватися у вигляді цитат з тексту.

Ще може братися опис з Яндекс Каталогу або Dmoz. Але це буде за умови, якщо такий опис буде більш точно відповідати на запит користувача. Щоб відмовитися від опису з Яндекс Каталогу і Dmoz, потрібно в html коді сторінки розмістити мета-теги.

Я рекомендую обов'язково прописувати ці заборони. Потрібно, щоб опис завжди бралося саме з вашого сайту, а не з якихось сторонніх каталогів.

Ви повинні заздалегідь знати, за якими запитами буде просуватися ваша сторінка, так як це основа SEO. А сниппет це реклама сайту з цих же запитів. Тому потрібні ключові слова вже повинні бути заздалегідь прописані на самій сторінці.

Ще буває таке, що в анотації може показуватися напис типу «Посилання на сторінку містять». Це означає, що робот не знайшов ключовий запит у вашому тексті. Однак він виявив сайти, які посилаються на вас під цим запитом.

В такому випадку я рекомендую проаналізувати дане ключове слово. Якщо воно підходить, то можна спробувати доопрацювати текст і додатково вписати в нього цей запит.

Контактна інформація

Наступний важливий елемент, що впливає на кликабельность вашого посилання в результатах пошукової видачі, це контактна інформація.

Контакти в сніпеті

Щоб вивести контакти в сніпеті, вам необхідно додати свою організацію і всю детальну інформацію про неї в Яндекс Довідник.

Ще передавати контактні дані в Яндекс можна іншими способами. Наприклад, використовувати мікророзмітки Schema.org.

Розмітка за стандартом Schema.org

Яндекс Довідник розуміє схеми і розмітки. Після розмітки інформації на сторінці, обов'язково скористайтеся валідатором для її перевірки. Для цього в вебмайстрів є інструмент «Валідатор мікророзмітки».

Відображення швидких посилань в сніпеті Яндекс

Відображення швидких посилань в сніпеті Яндекс сформовано у вигляді короткого шляху до важливої ​​інформації на сайті. Дані посилання ведуть на сторінки з найбільш затребуваним для користувача інформацією. Тобто, сторінки, найбільш відвідувані користувачами.

Висновок швидких посилань в сніпеті Яндекс

Такі посилання формуються автоматично. Щоб Яндекс їх правильно визначив, сайт повинен відповідати наступним вимогам:

• Основні сторінки і розділи доступні з головної
• Логічна і продумана навігація
• Короткі назви сторінок, що відображають їх зміст
• посилання картинка повинна бути з заповненим alt
• Title збігається з H1 і з текстами посиланнями на сторінку

Зверніть увагу, що це лише поради. Їх виконання не дає точної гарантії в тому, що швидкі посилання в сніпеті Яндекс будуть визначені.

Якщо вони визначені, то їх управління здійснюється в панелі вебмастера. Робиться це в розділі «Інформація про сайт» пункт «Швидкі посилання».

Інформація про товар і ціна в сніпеті Яндекса

Актуальна інформація про товар і його ціна в сніпеті Яндекса - це дуже важливий момент для всіх власників інтернет-магазинів. Нижче ви бачите привабливо-сформований snippet з виведеною ціною.

Ціна в сніпеті Яндекса

Щоб отримати щось подібне за участю Яндекс.Маркет, вам необхідно завантажити свої товари. Тоді інформація про них буде автоматично передаватися в пошук.

Скажу, що такий спосіб платний. Тому на ньому більш докладно зупинятися не будемо. Замість цього поговоримо про безкоштовні варіанти.

Вивести інформацію про товар можна за допомогою веб-майстра Яндекса. Робиться в пункті «Товари і ціни». Налаштування експорту інформації про товари і послуги з вашої бази даних YML файлу можливі в деяких CMS по-замовчуванню.

Для популярних CMS існують різні плагіни та модулі, які дозволяють без зайвих доробок створити даний файл.

Після його створення на сайті магазина вам знадобитися кілька хвилин для передачі інформації Яндексу за допомогою кабінету вебмастера.

Додавати інформацію про товар можна також за допомогою мікророзмітки Schema.org. Її приклад ви знайдете нижче.

Висновок ціни в сніпеті розміткою schema.org

Як видно, в html-коді сторінки додані спеціальні атрибути, які розуміє робот.

Атрибути розмітки Schema.org

Тобто сайт починає говорити роботу, що price - це ціна. А name - це назва. І так далі.

Після впровадження мікророзмітки в html-код сайту, обов'язково перевірте валідність. Можна використовувати інструменти Яндекса і Google валідатора.

В Яндексі, коли введете адресу сторінки для перевірки, то отримаєте щось схоже, як на малюнку нижче.

валідатор Яндекса

Тут вам покажуть, як парсер мікророзмітки обробив вашу сторінку. На малюнку не виявлено жодної помилки. Значить валідність пройдена. Тобто всі необхідні поля правильно заповнені на сайті.

Семантичну розмітку розуміє не тільки Yandex, а й Google. Тому рекомендую вам додатково проводити перевірку і в Гугл валідатори.

валідатор Гугла

Давайте тепер розглянемо цей же сайт, але на цей раз візьмемо сторінку, у якій порушена валідність. Для початку, глянемо на сниппет сайту.

Як бачимо, він не надто презентабельний. Чи не захоплює увагу користувача. Також незрозуміло, про що даний веб-проект.

А все це через те, що на такій сторінці не заповнено одне з обов'язкових полів семантичної розмітки.

Видно, що поле опису не заповнено. Воно відноситься до обов'язкових. Тому потрібна інформація і не виводиться в пошуковій видачі.

Ще за допомогою Schema.org ми можемо впровадити на сайт інші схеми, які будуть виводитися в спеціальних розширених сниппета Яндекса. Більш докладно про них ми говорити не будемо, так як тут дуже багато інформації.

Знайти потрібну інформацію про мікророзмітки ви можете в Яндекс Допомога або на сайті schema.org.

Rich snippets або розширені сніппети Google

Давайте поговоримо про Rich snippets або розширені сніппети Google. На жаль, ми не зможемо розглянути всі приклади в пошуковій видачі Google. Тут підтримуваних форматів і можливостей набагато більше.

Розширені сніппети Google

Але важливо знати, що Google також, як і Yandex активно підтримує мікророзмітки Schema.org. Тому по-замовчуванню рекомендую вам використовувати саме її.

В Гуглі розширені сніппети отримали назву rich snippets. Для тих, хто не хоче детально вдаватися в технічні премудрості, система дає нам спрощений варіант. Розмічати сторінки можна маркером в кабінеті для вебмайстрів Google.

Спочатку авторизуйтесь в Search Console. Це те ж саме, що і Гугл Вебмастер. Просто у нього є додаткове назва. Коли зайдете в консоль, то виберіть «Вид в пошуку» -> «Маркер».

маркування Гугл

Праворуч від відео натисніть на синю кнопку «Почати виділення». Далі вводимо урл сторінки і нижче вибираємо необхідний тип розмітки.

Типи мікророзмітки сторінки

Потім обрана сторінка відкриється в режимі маркування. Прямо тут виділяємо курсором потрібні фрагменти контенту і додаємо значення до атрибутів.

Маркування сторінки в Google

Тільки переконайтеся, що значення відображається правильно. Для цього дивимося на блок «Мої елементи даних».

Розмітьте всі дані, які тільки зможете. А після виділення натисніть «Опублікувати». Після індексації Google врахує внесені зміни і відобразить їх у своїй видачі.

сніппети Mail.ru

У Mail.ru також, як і в попередніх пошукових системах можна виводити красивий сниппет для сайту. Більш докладно в статті ми розглянемо такі схеми, як контактна інформація та швидкі посилання.

Розширені сніпети Mail.ru

Вище розташовані приклади розширеного сниппета. Як видно, вони схожі на ті, що були в попередніх пошукових системах. Тут також представлено адреса сайту, фавікон, хлібні крихти і навігаційні ланцюжки.

Для їх виведення Mail.ru вам знадобитися кабінет веб-майстри з підтвердженими правами на сайт. Інтерфейс в ньому дуже простий і зрозумілий для користувача. Тому вам не важко буде вказати потрібні дані.

Для відображення швидких посилань ( «Сайтлінкі»), вам потрібно зайти в кабінет вебмастера Mail.ru і підтвердити права на проект. Далі перейдіть в «Сайтлінкі» і натисніть на кнопку «Додати».

Додавання швидких посилань в сниппет Mail.ru

У вікні, введіть адресу посилання і її заголовок. Після чого натисніть на кнопку «Додати» щоб відправити інформацію на модерацію.

Для додавання контактної інформації в сниппет, перейдіть в розділ «Телефон і адреса» і натисніть на кнопку «Додати».

Додавання контактів в сниппет Mail.ru

Заповніть всі необхідні поля. Однак можливість цієї інформації в сніпеті 100% не гарантована. Mail.ru також підтримує мікророзмітки schema.org.

висновки

Давайте підіб'ємо підсумки цієї теми. Виділитися в пошуку серед інших сайтів не так вже й складно. Просто використовуйте можливості, про які говорилося вище.

Пам'ятайте, что Schema.org підтрімується лідерамі поиска. Її використання поширюється на всі сервіси пошукових систем. Також не забувайте про додаткові функції в кабінетах вебмайстрів.

Загалом, сниппет це важливий seo елемент будь-якого сайту. Якщо ви його складете грамотно і підключіть розширені можливості для показу, то вам вдасться зібрати набагато більше трафіку.