HTML Веб-дизайн - Теги тіла і SEO
- Фрагменти Google
- Використовуйте ієрархічне замовлення для тегів заголовка
- На одній тезі H1 на сторінці?
- Закладені ключові слова
- Атрибут Alt.
У останньому повідомленні ми говорили про HTML і як корисні теги, які знаходяться в розділі <Head> (біт, який в основному приховано від переглядача). Цього разу ми розглядаємо теги, які використовуються в розділі <Body>.
Розділ "Тіло" HTML-коду - це те, що використовує програмне забезпечення браузера для створення / створення сторінки на екрані користувача (або мобільного телефону / планшета).
Звичайно, там є багато різних браузерів, і хоча всі вони використовують HTML-код, часто створюють дещо інший погляд на це на екрані користувача (щось, що всі хороші веб-дизайнери повинні брати до уваги).
Але що стосується SEO, ми не зацікавлені в тому, що використовується браузер, а тільки в тому, як ми можемо «вразити» будь-яку відвідувану пошукову систему, з метою отримання найкращого рангу для цієї сторінки для ключових слів. для цієї сторінки.
Ці теги заголовків, як і всі HTML, засновані на структурі документа, який спочатку був створений для керування комп'ютерними принтерами. Вони також використовувалися редакторами газет у «старі часи», коли газети друкувалися з використанням головних персонажів, теги заголовків використовувалися редактором для позначення того, що було головним заголовком і які були під заголовками.
Насправді, це саме те, що ми робимо, коли ми використовуємо теги заголовка в Інтернеті, і, якщо ви повернетеся до 1990-х років, до днів таблиць стилів і т.д., у вас було лише кілька способів керування макетом сторінки і наскільки великий текст був.
Тег Header був одним з основних способів, яким ви зробили це, використовуючи H1 для головного заголовка, H2 для наступного рівня і так далі до найменшого H6. Сьогодні, звичайно, за допомогою стилів можна перевизначити, наскільки великий (і який колір / шрифт використовується) текст. Але, незважаючи на те, як вони виглядають, пошукові системи все ще використовують той факт, що вони були відзначені як "важливі" блоки тексту, тільки тому, що вони укладені в тезі заголовка.
Це важливий факт, і тому їх слід використовувати з розумом.
У HTML тег заголовка виглядає приблизно так, але, як згадувалося вище, з-за стилів, справжній код може виглядати дуже різним.
< h1> Деякий ВАЖЛИВИЙ ТЕКСТ на сторінці </h1>
Однак, хоча вони добре дозволяють Двигунам знати, що важливо, сьогодні, з появою все більш потужних (і розумних) алгоритмів, Google і його родичі більше не покладаються на теги Header, тому це нормально не використовувати зовсім. АЛЕ, вони все ще допомагають пошуковим системам читати ваш вміст більш ефективним чином, тому наша порада - використовувати їх, просто переконайтеся, що ви використовуєте їх правильно.
Використовуйте порядок ваших тегів заголовків (h1 - h6), щоб показати рівень важливості кожного розділу на сторінці .
Це досить просто і означає, що ви використовуєте тег H1 для головного заголовка, використовуючи H2 для заголовків у цій темі, використовуючи H3 - H6, як потрібно, щоб повільно працювати до нижчих і нижчих рівнів.
Таким чином, ви не тільки допомагаєте пошуковим системам, але й зробите сторінку набагато легше читати і розуміти.
Фрагменти Google
Час від часу Google розміщує фрагменти типів зі списків із заголовків певної сторінки (в основному для посібників та інструкцій). Якщо H1 на вашій сторінці буде відповідати шуканому рядку запиту (або, принаймні, дуже схожі), то він і ваші підзаголовки (H2 - H6) будуть використані для створення хронологічного списку у вибраному фрагменті. Це може бути дуже потужним, і ви можете отримати багато кліків!
Приклад вибраного фрагмента Google
Ці фрагменти особливо важливі, оскільки вони займають позицію над усіма результатами, пропонуючи безкоштовні можливості для кращої видимості вашого сайту.
Використовуйте ієрархічне замовлення для тегів заголовка
Для цілей SEO ми повинні пам'ятати, що ми маємо справу з комп'ютером, хоч і дуже розумним, і щоб найкращим чином використовувати це, ми повинні робити речі, які виглядають «логічно правильно». Таким чином, використовуючи теги заголовків логічно, з H1, за якими слідує H2, а потім H3, ми зможемо переконати Google, що ми виклали наш контент найкращим чином. Оскільки вони люблять сайти, які люди легко читають, ми отримаємо точку на нашу користь.
Купити один отримати один безкоштовно
Використовуючи заголовки в цьому ієрархічному порядку, ми також отримуємо ще один бонус, оскільки наш контент легше читати. Це не тільки дозволяє нам отримати наше повідомлення через наших відвідувачів, але також означає, що вони частіше залишаться на сайті (і повертаються). Бонус, який варто мати.
На одній тезі H1 на сторінці?
Раніше була хороша практика використовувати тільки один тег H1 на сторінці, але тепер здається, що ви можете використовувати більше, не пошкоджуючи вартість SEO вашого сайту. Однак у Rouge ми віримо лише у використанні одного тегу H1 на сторінці при створенні SEO-контенту, оскільки це виглядає краще, а майбутнє підтверджує сайт, на всяк випадок, якщо Google і т.д.
Закладені ключові слова
Оптимізація тегів заголовка може бути дійсно корисною, однак ви можете перестаратися, якщо ви не обережні, тому будьте обережні (і уникайте довгих рядків тегів заголовка, коли можете).
Атрибут Alt.
Атрибут alt-text був дуже важливим, адже, як і до часів швидкого Інтернету, люди коли-небудь повинні були вимикати зображення (іншими словами, вони не завантажували або не бачили зображення), покладаючись на Alt Tag, щоб сказати їм, що малюнок був приблизно.
У HTML вона зазвичай виглядає так:
<img src = ”url of image” alt = ”Великий опис зображення”>
Це важливий тег, оскільки він відіграє важливу роль у оптимізації зображень, дозволяючи Google зрозуміти, про що йде мова. Зробити ваші зображення доступними для пошукових систем - це відмінний спосіб знайти частину пошукових запитів у пошуку зображень
До речі, ви також можете підвищити потенціал SEO сторінки, використовуючи описові імена URL-адрес, наприклад "the-best-dog-buscuits-ever.jpg" замість "image1.jpg", оскільки це надає Google ще кращу ідею що це за сторінка.
Всі ці теги надають трохи сили, безпосередньо впливаючи на успіх ваших зусиль SEO, хоча і в дуже малій мірі.
Таким чином, ми рекомендуємо вам використовувати всі ці теги якнайкраще, коли ви створюєте вміст для свого сайту і як кожен у Rouge на стоїть, щоб запропонувати Вам будь-яку допомогу в цій важливій області
На одній тезі H1 на сторінці?