Как да направите микро-маркиране на WordPress сайт малко ръководство
Как да направите микроданни на WordPress сайт?
Здравейте всички! Днес реших да напиша мощна статия за това как да направите микроданни на WordPress сайт! Знаете ли изобщо какво е? И за какво е? И какъв е ефектът от микроданните по отношение на класирането? Всичко това и още нещо ще научите от тази статия.
Имаше търсачка, четеше сайтове, изучаваше информация за тях, индексираше някои, прилагаше филтри към някои. Беше уморен, започна да пропуска някаква информация в индекса, толкова много сайтове се създават, актуализират, че няма време за почивка. Тогава той реши да опрости този процес и създаде специални атрибути и каза, че ако ги поставите на сайта, той със сигурност няма да загуби нищо и цялата информация, включена в тези атрибути, определено ще влезе в индекса, а ключът във фрагмента. И оттогава тези, които слушаха думите на търсачката, започнаха да живеят щастливо и имаха своя заветен ТОП.
Микромаркирането помага за събирането на всички данни в конкретна, удобна за търсачката последователност от данни (структурира данните), което улеснява извличането и обработката на информацията.
През 2011 г. всички големи търсачки, като Google и Yandex (които ни интересуват повече), обявиха въвеждането на семантични микроданни.
Как да проверя микроданни?
Е, ако разбрахме какво е микромаркиране на сайт на wordpress и защо е необходимо, тогава веднага възниква въпросът: как да разберем дали има семантично микромаркиране на сайта, в статията?
За да направите това, трябва да въведете Yandex Webmaster, да въведете URL адреса на страницата на сайта, която ще бъде проверена, и да кликнете върху „Проверка на микроданните“.
Микромаркирането на Google може да се провери тук по аналогия.
микро маркиранезахранван от WordPress
След като „левите“ микроданни бъдат премахнати, нека продължим с инсталирането на микроданните schema.org. Първо, нека отбележим името на сайта и неговото описание.
За да направите това, отворете header.php в административния панел на блога, намерете заглавния таг и добавете itemscope itemtype, към него, където itemscope показва, че цялата информация, която ще бъде затворена в тага, описва някакъв вид обект, а itemtype казва какъв вид обект е.
Сега нека покажем, че ще опишем точно заглавката на блога на WordPress:
За да кажем на търсачките каква информация искаме да им покажем, използваме атрибута itemprop.
За да посочите описание на сайта, използвайте следния атрибут:
Не мога да кажа точно къде във файла header.php за вашия шаблон. В някои случаи има смисъл да се обърнете отново към фрийлансъри. Така, например, за моя персонализиран шаблон за блог, все още не мога да вмъкна този атрибут.
В стандартните шаблони функцията, която отговаря за показването на заглавието на сайта ( ), се намира в тага h1. Това е мястото, където добавяме нашия атрибут (вижте екранната снимка по-долу).
Функцията, разположена в тага h2, отговаря за описанието на сайта в стандартните шаблони. Отново в този етикет добавете следния атрибут:
И ето какво трябва да се случи:
Точно така трябва да се получи, при условие, че имате стандартен шаблон.
За семантичното маркиране на header.php използвахме следните атрибути:
Маркиране на статия
Сега трябва да намерим функция (тя е затворена в контейнер div), отговорна за показване на съдържание, тази функция обикновено има името съдържание или нещо подобно, например имам .
И трябва да добавите следнотоатрибут:
Получих го така:
Отново имам индивидуален шаблон, така че е нестандартен. Трябва да получите нещо подобно:
За да покаже заглавието на статията, WordPress използва функцията, търсим я и вътре в нейния контейнер или таг, в моя случай h1, вмъкваме следния код:
Ето какво ми се случи:
В резултат на това получих следното:
Кодът, който трябва да се вмъкне, както вече разбрахте, е itemprop="author".
Завърших с това:
Резултатът от свършената работа:
Ето списък с атрибути, които ще са необходими за маркиране на статията:
- itemscope itemtype="http://schema.org/Article"
- itemprop="articleBody"
- itemprop="име"
- itemprop="articleSection"
- itemprop="datePublished"
- itemprop="автор"
Семантично маркиране на изображения на сайта
Преди това трябваше да правите маркирането на изображения ръчно! Тези. във всяко изображение вмъкнете атрибута "itemprop="image".
Само си представете: към всяка снимка! Въпреки че това не е дълго (когато напълните ръката си), е много досадно. За щастие този процес може да бъде автоматизиран. За да направите това, добавете следния код към файла functions.php:
Това е всичко. Няма значение къде, основното е, че предишният код (функция) се затваря. Обикновено се добавя в края, преди ?> .
След това поставете този код в скобите му:
Коментари по записа:
Това отново е със стандартни шаблони, вашият може да се различава.
И в този функционален контейнер добавяме следния атрибут:
В резултат на това получаваме следното:
Коментари по записа:
Семантично маркиране на данни за контакт
Тук всичко е просто, просто въведете вашия контактшаблон на данни към код:
Напишете заглавието на блога
Град, в който живеете
Препоръчвам да прочетете следните полезни статии: