TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати панірувальні сухарі на сайт Weebly?

0

Внутрішня структура сайту – один з важливих факторів SEO, які допомагають Google та іншим пошуковим системам легко зрозуміти ваш сайт. Крім посилання на інші сторінки вашого сайту, додавання сухарів може допомогти користувачам переходити до різних розділів. Якщо ви не знаєте про сухарі, це додаткові навігаційні посилання, які зазвичай відображаються у верхній частині веб -сторінки, що містить структуру. Це допомагає користувачам легко переходити до категорій або розділів сайту верхнього рівня з поточної сторінки.

Пов’язані: Як додати панірувальні сухарі на сайт WordPress?

Приклади сухарів

Нижче наведено приклад того, як будуть виглядати горизонтальні та вертикальні панірувальні сухарі.

Як додати панірувальні сухарі на сайт Weebly?

Приклади панірувальних сухарів

Як ви можете бачити, він забезпечує відносне розташування поточної сторінки серед усього сайту, щось на зразок дошки -шпильки «Ви тут!» На карті.

Weebly і Breadcrumb

Weebly не пропонує елемент панірувальних сухарів за умовчанням, щоб додати його на свій сайт. Тим не менш, ви можете використовувати власні CSS/HTML і вручну вставляти панірувальні сухарі на кожну сторінку. Тут ми покажемо вам шість панірувальних сухарів стилів CSS, які ви можете додати на свій сайт Weebly.

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

Перш ніж розпочати, обов’язковою умовою для панірувальних сухарів є збереження ваших сторінок у структурованому порядку. Хоча немає необхідності упорядковувати сторінки відповідно до панірування, ми настійно рекомендуємо підтримувати необхідну ієрархію на вкладці «Сторінки» та відповідно вирівнювати навігацію. Ми пояснимо прикладом структури як «Домашня сторінка> Будівництво сайту> Weebly> Поради та хитрості Weebly> Ця сторінка». Для цього потрібно п’ять блоків з відповідними посиланнями для створення панірувальних сухарів.

Панірувальні сухарі використовують простий CSS і HTML -код, отже, CSS -код слід додати до таблиці стилів, а HTML -код – до необхідної сторінки. Оскільки вам може знадобитися розмістити панірувальні сухарі на більш ніж одній сторінці, рекомендується додати код CSS у розділі «Тема> Редагувати HTML / CSS > Стилі> main.less», як показано нижче:

Як додати панірувальні сухарі на сайт Weebly?

Редагування основного файлу CSS у Weebly

HTML -код слід вставити на сторінку за допомогою елемента " Вставити код " над вмістом.

Стиль 1 і 2

Нижче стилі 1 і 2 сухарі мають спільний клас CSS з незначним додаванням коду для другого стилю.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

Стиль 3, 4, 5 і Бонус 6

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Бонус CSS Breadcrumb Style 6

Натисніть на кнопку нижче, щоб отримати код CSS / HTML для всіх вищезгаданих сухарів, і код CSS буде виділено для кожного стилю.

Для цих панірувальних сухарів потрібно чотири зображення, які ви можете завантажити нижче та завантажити на свій веб -сайт Weebly. Не забудьте замінити URL -адреси зображень у CSS на власні.

Примітка: Стилі панірувальних сухарів 1, 2, 3 та 4 у завантаженому CSS представляють приклад 3, 4, 5 та 6 відповідно, як показано вище. Не забудьте замінити посилання на зображення своїми URL -адресами.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі