Как да увеличите достъпността на уебсайта си + SEO

Намиране на мястото, където достъпността и SEO са щастливи

Това не е мит - има някои области, в които SEO и достъпността могат да се пресичат. Кредит: Неизплащане

Оптимизацията за търсачки (SEO) и достъпността на уебсайтове не са едно и също нещо. Има различни правила, които трябва да следвате, различни аудитории за насочване и различни начини за тестване на ефективността на всеки.

Оптимизирането на уебсайта ви за ботове в търсачките не означава, че ще бъде автоматично достъпен и за реални хора. Някои SEO практики могат дори да навредят на достъпността на уебсайта Ви.

Въпреки това не всичко е лоша новина, има някои области, в които двата свята се припокриват. Ако имате ограничен бюджет и / или времеви рамки за даден проект, насочването към тези шест области * може едновременно да повиши както SEO, така и достъпността на уебсайтове.

* Забележка: фокусът на тази статия е върху областите на припокриване. Всяка конкретна задача във всяка област по-долу може да е насочена към повече SEO, някои задачи могат да са насочени повече към достъпността.

Предупреждение: брадатата питка от хипстърска пица ще ви преследва и ще ви принуди да пиете ръчно приготвена вара, която той направи във ваната си, ако подценявате значението на потребителския интерфейс за SEO и достъпността на уебсайтове. Кредит: Неизплащане

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

Не подценявайте силата на добрия потребителски интерфейс (UI). Уебсайтовете с чисти, ясни и последователни потребителски интерфейси са особено добри за ботове в търсачките и хора, които използват устройства за помощни технологии или които използват само клавиатура. Помислете за това - ако потребител или бот не може да намери страница, как е възможно да чете или взаимодейства с нея? Трябва да направите намирането на страници и взаимодействието с уебсайта възможно най-лесно.

Най-добри практики

  • Конструирайте ясна и последователна вашата навигация и оформление на страниците и има много начини за намиране на съдържание (напр. Търсене, карта на сайта, съдържанието). Ботове за търсачки като добре организирана архитектура на уебсайтове, което ги кара да индексират съдържанието ви по по-смислен начин.
  • Ако вашият уебсайт е труден за навигиране или използване, това може да повлияе на вашите аналитични статистики на потребителите, включително - време на уебсайт, прегледани страници и степен на отпадане. Това от своя страна може да навреди на вашата SEO класация. Най-малкото, това ще раздразни вашите потребители.
  • Избягвайте да използвате CSS или друго стилистично маркиране, за да предадете смисъл. Никога не трябва да „фалшифицирате“ елемент, който вместо това трябва да използва HTML маркиране.
  • Когато е подходящо, използвайте достъпни елементи на HTML страница от 5 страници, като
    ,
    ,
    ,
    . Тези елементи са по-описателни за ботове на търсачките и устройства за помощни технологии, а след това обикновени
    или

    елементи.

Етикети, тагове, навсякъде. Ръчно изработени етикети за пакети с различни размери и цветове. Кредит: Неизплащане

Правилно използване на етикетите

Съдържанието на уебсайта ви по същество може да бъде сведено до HTML маркиране, включително маркери, които се използват за заглавията на вашата страница (да не се бърка с

таговете). Навигирането през маркерите

и

може да даде на потребител или бот на търсачката преглед на страница и как е структурирано нейното съдържание, докато маркерите

до

осигуряват бързо разбиране на подробностите във всеки раздел , Важно е както достъпността на уебсайтовете, така и SEO да получат правилно тези маркери.

Най-добри практики

  • Поддържайте последователни тагове на заглавия и не просто стилизирайте текст, за да придадете визуален вид на заглавия - използвайте действителни маркери за заглавия. В противен случай ботовете на търсачките и потребителите няма да знаят кое съдържание е най-важно.
  • Маркерите за заглавие трябва да са в ред. Това означава, че

    е последвано от

    , а

    е последвано от

    или

    и така нататък.

  • Избягвайте да прескачате маркери на заглавия, когато слизате надолу, за да поръчате на страница в уебсайта. Например, не прескачайте от

    до

    . Забележка: нормално е да пропуснете маркерите на заглавията, когато вървите нагоре (
    до

    ), ако стартирате нов раздел на страницата.

  • Най-добра практика е да имате само един

    на страница. Мислете за

    таговете като по същество за „заглавията на втора страница“, които изпращат сигнал за съответствието на ботовете на търсачките.

Практиката прави перфектни. Спортистът опира бели обувки Adidas на ограда с верижна връзка. Кредит: Неизплащане

Перфектно вашите връзки

Връзките могат да направят или прекъснат уебсайт както за ботове на търсачките, така и за хора, използващи устройства за помощни технологии, като четящи екрани. След като прегледате заглавията на страниците, връзките са следващият основен елемент, който потребителите и роботите най-често вземат под внимание, така че е от съществено значение връзките ви да са възможно най-съвършени.

Най-добри практики

  • Уверете се, че нямате счупени връзки. Това може да се разглежда като знак за пренебрегван или изоставен уебсайт за SEO. Това също е лоша практика за достъпност на уебсайтове, която може да осуети / обърка вашите потребители.
  • Използвайте вътрешни връзки за маркиране, но не прекалявайте. Според Yoast.com: „подобрява вашия SEO е чрез свързване на едно парче съдържание към друго и по-точно група публикации помежду си.“ Освен това позволява на потребителите лесен достъп до подобно съдържание с едно щракване.
  • Въведете описателен текст на връзката. Избягвайте използването на фрази като щракнете тук и прочетете повече. Ако предпочитате да използвате тези фрази, можете да ги запазите * ако * добавите допълнителна информация за връзка, използвайки визуално скрити или методи ARIA.
  • Пропуснете добавянето на описателни атрибути на заглавие към вашите връзки (този текст, който се появява, когато задържите курсора на мишката върху връзка). Не е задължително да се добавя заглавия на линкове, но може би не е много полезно нито за SEO, нито за достъпността на уебсайтове.
Кажи зеле! Жена в розова флорална риза, притежаваща ретро Nikon камера. Кредит: Неизплащане

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

Въпреки че ботовете на търсачките и хората, които използват екранни четци, не могат да „видят“ в традиционния смисъл, както разчитат на имена на изображения, така и на алтернативен текст, за да им кажат какво изобразява изображението. Наличието на тези елементи е от съществено значение както за допълване на заобикалящото съдържание, така и за цялостното потребителско изживяване.

Най-добри практики

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

Допълнете своите медии

Хората със зрителни увреждания (напр. Разстройства на припадъци, слепи), слухови увреждания (например глухи, слухови), ситуационни / временни увреждания, хора с лоша връзка с честотна лента и много други могат да се възползват значително от медиите, които се показват в достъпна начин. По същия начин, ботовете на търсачките са „деактивирани“, тъй като нямат очи, уши или ръце, така че това е област, в която както SEO, така и достъпността на уебсайтове имат някакво прилично припокриване.

Най-добри практики

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

Декларирайте съдържанието си

Не на последно място, след като се обърнете към цялостната структура на вашия уебсайт, маркери за заглавия, връзки, изображения и други медии, следващата стъпка е да се съсредоточите върху действителното съдържание. Тъй като всеки уебсайт е уникална снежинка, има много различия в съдържанието на уебсайта от един уебсайт до друг. Това, което работи за някои потребители на някои уебсайтове, може да не работи за вас и вашия сайт. Ключът е да напишете най-доброто съдържание, което можете, и да задържите мантрата за създаване на съдържание от Google зад гърба на ума си:

„Помислете какво прави уебсайта Ви уникален, ценен или ангажиращ. Накарайте вашия уебсайт да се откроява от другите във вашата област. "

Най-добри практики

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

❤ Ако тази статия ви е харесала, покажете подкрепата си, като щракнете върху иконата за пляскане (колкото пъти искате), споделяйте историята в социалните медии и като ме следвате в Medium или Twitter! Благодаря и честито четене❤

Тази история е публикувана в най-голямото предприемаческо издание The Startup, последвано от 273 971+ хора.

Абонирайте се, за да получавате нашите топ истории тук.