Як підвищити доступність вашого веб-сайту + SEO

Пошук місця, де доступність та SEO радісно співіснують

Це не міф - є деякі сфери, де SEO та доступність можуть перетинатися. Кредит: Не знімайте

Оптимізація пошукових систем (SEO) та доступність веб-сайтів - це не одне і те ж. Існують різні правила, яких слід дотримуватися, різні аудиторії для націлювання та різні способи перевірити ефективність кожної з них.

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

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

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

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

Матеріали структури

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

Кращі практики

  • Створіть чітко та послідовно ваш навігаційний та макет сторінки та маєте декілька способів пошуку вмісту (наприклад, пошук, мапа сайту, зміст). Роботи пошукової системи люблять добре організовану архітектуру веб-сайтів, завдяки чому вони індексують ваш вміст більш змістовно.
  • Якщо ваш веб-сайт важко орієнтуватися або користуватися, це може вплинути на аналітичну статистику користувачів, включаючи - час на веб-сайті, переглянуті сторінки та показник відмов. Це, в свою чергу, може зашкодити вашому рейтингу SEO. Як мінімум, це буде дратувати ваших користувачів.
  • Уникайте використання CSS або іншої стилістичної розмітки для передачі сенсу. Ніколи не слід "підробляти" елемент, який повинен використовувати замість розмітки HTML.
  • За необхідності використовуйте доступні елементи HTML на 5 сторінках, наприклад
    ,
    ,
    ,
    . Ці елементи більш описові до пошукових ботів та допоміжних технологічних пристроїв, ніж звичайні
    або

    елементи.

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

Правильне використання тегів

Вміст вашого веб-сайту по суті може бути зведений до розмітки HTML, включаючи теги, які використовуються для заголовків вашої сторінки (не плутати з тегами

). Навігація по тегам

і

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

через

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

Кращі практики

  • Дотримуйтесь послідовності тегів заголовка і не просто стильовий текст, щоб надати візуальний вигляд заголовків - використовуйте фактичні теги заголовків. В іншому випадку пошукові роботи та користувачі не дізнаються, який контент є найважливішим.
  • Теги заголовків повинні бути в порядку. Це означає, що за

    йде

    , за

    слідує

    або

    і так далі.

  • Уникайте пропускання тегів заголовка, коли йдете вниз, щоб перейти на сторінку веб-сайту. Наприклад, не переходити з

    до

    . Примітка: нормально пропускати теги заголовка, коли ви піднімаєтеся вгору (
    до

    ), якщо ви починаєте новий розділ сторінки.

  • Найкраще використовувати лише один

    на сторінку. Розгляньте теги

    як фактично "теги заголовків другої сторінки", які надсилають сигнал відповідності ботам пошукової системи.

Практика робить ідеальною. Спортсмен спирається білим взуттям Adidas на огорожу ланцюга. Кредит: Не знімайте

Вдосконаліть свої посилання

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

Кращі практики

  • Переконайтеся, що у вас немає порушених посилань. Це може розглядатися як ознака занедбаного або покинутого веб-сайту для SEO. Це також погана практика доступу до веб-сайтів, яка може розчарувати / заплутати користувачів.
  • Використовуйте внутрішні посилання типу тегів, але не перестарайтеся. За інформацією Yoast.com: «це покращує ваш SEO - це пов’язання одного вмісту з іншим, а точніше - групи публікацій один до одного». Він також дозволяє користувачам легко отримувати доступ до подібного вмісту одним клацанням миші.
  • Надайте описовий текст посилання. Уникайте використання фраз, як-от натисніть тут і читайте більше. Якщо ви віддаєте перевагу використовувати ці фрази, ви можете зберегти їх * якщо * ви додасте додаткову інформацію про посилання, використовуючи візуально приховані або методи ARIA.
  • Пропустіть додавання описових атрибутів заголовка до ваших посилань (той текст, який з’являється при наведенні на посилання). Не обов’язково неправильно додавати заголовки посилань, але це, мабуть, не дуже корисно ні для SEO, ні для доступу до веб-сайтів.
Зараз вилетить пташка! Жінка в рожевій квітковій сорочці тримає ретро Nikon камери. Кредит: Не знімайте

Оптимізація зображень

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

Кращі практики

  • Будьте максимально послідовними та точними, називаючи свої зображення. Наприклад, не називайте свій файл brown-puppy.jpg для фотографії помаранчевої кішки таббі.
  • Уникайте використання символів, які не містять альфа (наприклад, 7,%, &, $) і не використовуйте тире між словами, а не підкреслюйте назви в зображенні чи альтернативному тексті. Наприклад, напишіть оранжевий-tabby-cat.jpg, а не 0r @ nge_t @ 66y_c @ t! .Jpg
  • Тримайте альтернативний текст до 125 символів. Якщо вам потрібно більше символів, використовуйте текст підписів або додатково опишіть зображення в головній області тексту на сторінці.
  • Пишіть альтернативний текст, як людина, а не робот. Наповнення ключових слів нікому не приносить користі - люди, які користуються зчитувачем екранів, будуть дратуватися, а боти пошукової системи будуть штрафувати вас. Просто не робіть цього.
Змусьте ваші медіа працювати для ботів та людей. Закри спінінг-програвач. Кредит: Не знімайте

Доповнення медіа

Люди з вадами зору (наприклад, порушення судом, сліпі), слухові вади (колишні глухі, слабочутливі), ситуаційні / тимчасові вади, люди з поганим пропускним зв’язком та багато інших можуть отримати велику користь від засобів масової інформації, що відображається у доступному шлях. Так само боти пошукових систем «відключені», оскільки у них немає очей, вух чи рук, тому це область, де і SEO, і доступність веб-сайтів мають пристойне перекриття.

Кращі практики

  • Менше значить більше. Обмежте використання складних медіа-компонентів (наприклад, слайд-шоу, відео) у своєму дизайні, коли це можливо. Не бійтеся ... є альтернативні варіанти компонування.
  • Додайте чіткі, повні та стислі описи тексту та розмітку до основних носіїв інформації. Подумайте двічі про збереження несуттєвих носіїв інформації.
  • Усі відео та слайд-шоу повинні мати кнопку відтворення / паузи, якщо вона автоматично просувається - але, будь ласка, ніколи не автозапускайте. В ідеалі всі засоби управління засобами масової інформації повинні бути доступними.
  • Надайте альтернативні способи доступу до своїх медіа. Наприклад, мати стенограми та / або підписи для відео; створити стенограму для файлу, призначеного лише для аудіо; додати файл, відформатований шрифтом Брайля, до свого носія. Для вашого використання доступно багато різних видів альтернативних форматів.
Вміст - King. Контейнер друкованих друкованих букв різного розміру та сімейства шрифтів. Кредит: Не знімайте

Декламувати ваш вміст

І останнє, але не менш важливо, після звернення до загальної структури вашого веб-сайту, тегів заголовків, посилань, зображень та інших засобів масової інформації, наступним кроком є ​​зосередження уваги на фактичному вмісті. Оскільки кожен веб-сайт являє собою унікальну сніжинку, існує велика кількість варіативності вмісту веб-сайту від одного веб-сайту до іншого. Те, що працює для деяких користувачів на деяких веб-сайтах, може не працювати для вас та вашого веб-сайту. Ключовим моментом є написання найкращого вмісту та збереження мантри створення вмісту Google у власній думці:

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

Кращі практики

  • Обмежте довжину кожного абзацу приблизно до трьох речень та націліть рівень оцінки читання відповідно до вашої аудиторії. В ідеалі, як для доступності веб-сайтів, так і для цілей SEO, ви повинні орієнтуватися на рівні 9-го класу.
  • Не використовуйте жирні та курсивні позначки для виділення слів, натомість використовуйте сильні та наголоси. Візуально вони будуть схожі один на одного, але зчитувачі екрану (у правильному режимі) додадуть акцент словам, оточеним тегами та , тоді як вони повністю ігнорують або лише трохи змінять теги та .
  • Не дублюйте вміст. Боти пошукової системи помітять і покарають вас. Ваші користувачі будуть просто заплутані.
  • Кулі та нумеровані списки допомагають розбивати ваш вміст для читачів, роблячи їх більш зручними для користувачів. Бонус: деякі дослідження показують, що боти пошукових систем віддають перевагу вмісту з куль і цифр над простим текстом.

❤ Якщо вам сподобалась ця стаття, проявіть свою підтримку, натиснувши піктограму хлопа (стільки разів, скільки вам захочеться), поділившись історією в соціальних мережах, а також слідкуючи за мною в Medium або Twitter! Дякую та з радістю читаю❤

Ця історія опублікована в найбільшій підприємницькій публікації "Середній бізнес", яку переглядають 273 971 осіб.

Підпишіться, щоб отримувати наші основні історії тут.