Нульовим сніппетом є блок у пошуковій видачі, який знаходиться вище за всю видачу і розкриває коротку суть вашого запиту. Зазвичай перебуває одразу під блоками реклами.
В даному прикладі ми розглянемо блок відповідей, які можуть зацікавити користувача, що запитав і тим самим вивести ваш сайт у верхню позицію в пошуку.
1. Як виглядає на сайті:
2. Як виглядає у пошуковій системі:
3. Схема реалізації:
Html реалізації
< div itemscope ="" itemtype ="https://schema.org/FAQPage">
< h2 >Часто задаваемые вопросы</ h2 >
< div itemscope ="" itemprop ="mainEntity" itemtype ="https://schema.org/Question">
< h3 itemprop ="name">Вопрос?</ h3 >
< div itemscope ="" itemprop ="acceptedAnswer" itemtype ="https://schema.org/Answer">
< div itemprop ="text">
Ответ
</ div >
</ div >
</ div >
< div itemscope ="" itemprop ="mainEntity" itemtype ="https://schema.org/Question">
< h3 itemprop ="name">Вопрос?</ h3 >
< div itemscope ="" itemprop ="acceptedAnswer" itemtype ="https://schema.org/Answer">
< div itemprop ="text">
Ответ
</ div >
</ div >
</ div >
</ div >
або json реалізації
< script type="application/ld+json">
{
"@ context ": "https://schema.org",
"@ type ": "FAQPage",
" mainEntity ": [{
"@ type ": "Question",
" name ": "Вопрос 1?",
" acceptedAnswer ": {
"@ type ": "Answer",
" text ": "Ответ 1 (можно использовать ссылки)"
}
}, {
"@ type ": "Question",
" name ": "Вопрос 2?",
" acceptedAnswer ": {
"@ type ": "Answer",
" text ": "Ответ 2 (можно использовать ссылки)"
}
}]
};
</ script >
PS : Використовуватися повинні не обидві схеми, а одна з двох наведених.
Доводиться мати справу з неоптимізованими за розміром фотографіями формату png. Є простий оптимізатор optipng, який дає можливість керувати оптимізації.
Доводиться стикатися з неоптимізованими за розміром фотографіями формату jpeg. Є простий оптимізатор jpegoptim, який дає змогу керувати оптимізації.