Атрыманне максімуму малюнкаў на сайце WordPress: альтэрнатыўны тэкст SEO і даступнасць

1. Што такое тэкст Alt?
2. Як я магу рэдагаваць тэкст Alt?
3. Што я павінен напісаць як альт-тэкст
4. Яшчэ спосабы апісання выявы
5. назву выявы
6. Малюнак подпіс
7. апісанне выявы
8. Alt тэксты вынасаў

Раней мы абмяркоўвалі, як гэта зрабіць Аптымізацыя памеру малюнка , размяшчэнне і даступнасць на вашым сайце WordPress. На гэты раз мы разгледзім больш падрабязна пэўную вобласць аптымізацыі малюнкаў: тэкст малюнка альт.

Мы разгледзім, што такое alt тэкст, чаму гэта важна для людзей, якія выкарыстоўваюць ваш сайт, яго ўплыў на пошукавыя сістэмы, як рэдагаваць тэкст alt, які належыць да малюнкаў вашага сайта, і што пісаць.

Што такое тэкст Alt?

Alt text, альтэрнатыўны тэкст, - гэта тэкст, які адлюстроўваецца, калі па якой-небудзь прычыне выява, відэа, GIF ці іншае нетэкставае змесціва не бачныя.

Гэта можа быць таму, што малюнак зламаны, калі ёсць павольнае падключэнне да Інтэрнэту, і малюнак немагчыма загрузіць, альбо калі карыстальнік ўсталёўвае браўзэр не адлюстроўваць выявы.

У гэтых выпадках малюнак будзе заменены тэкстам альт, як і ў прыкладзе ніжэй:

Alt тэкст таксама чытаецца чытання з экрана , дапамагаючы людзям з парушэннямі зроку і парушэння пазнавальнасці разумець любыя тэксты, якія не з'яўляюцца тэкстамі.

І паколькі пошукавыя сістэмы заснаваныя на тэкстах, яны выкарыстоўваюць альтэрнатыўны тэкст малюнка, а не сам вобраз, каб высветліць, пра што ідзе выява.

Alt тэкст эфектыўна робіць выяву бачнай для пошукавых сістэм і счытвальнікаў экрана. Што, як вы даведаецеся ў бліжэйшы час, часта вельмі добра, калі ўсё зроблена правільна.

Як я магу рэдагаваць тэкст Alt?

Каб зрабіць малюнак ніжэй на гэтай пасадзе, патрэбны HTML-код:

<img src = "https://www.calliaweb.co.uk/wp-content/uploads/2017/05/dog-walking-740Ч494.jpg" alt = "сабака хадзіць" />

Тут img src азначае "крыніца выявы" і знаходзіцца размяшчэнне файла выявы. З іншага боку, лагічна назваць файлы вельмі добрым - заўважыце, што гэта ўключае ў сябе імя файла "dog-walk.jpg". Гэта таму, што людзі, чытанні з экрана і пошукавыя сістэмы могуць чытаць і прызнаваць імя файла пасля загрузкі на ваш сайт.

alt - гэта атрыбут alt. Тут ваш тэкст альт ідзе, і ён павінен коратка апісаць малюнак у кантэксце блога. Мы проста вырашылі альт-тэкст "хадзіць па сабаках".

Добрыя навіны - вам не трэба ведаць HTML-код для рэдагавання тэксту малюнка. Пры загрузцы малюнка вы можаце рэдагаваць тэкст alt на экране Падрабязнасці ўкладанняў :

У прыведзеным вышэй прыкладзе тэкст "сабака хадзіць" будзе прачытана як счытвальнікамі экрана, так і ў пошукавых сістэмах і, калі малюнак не адлюстроўваецца, з'явіцца на гэтай старонцы сайта.

Калі выява чыста дэкаратыўнае, тэкст альт можа быць пустым. Але ў большасці выпадкаў лепш за ўсё ўключаць тэкст для малюнкаў.

Што я павінен напісаць як альт-тэкст

Калі вы зацікаўлены ў тым, што пісаць у тэкставым полі alt, падумайце пра тое, як вы апісалі малюнак тым, хто яго не бачыў.

Калі вы чытаеце паведамленне ці старонку гучна, вы б не апісвалі малюнак падрабязна - толькі часткі, якія адносяцца да кантэксту астатняй часткі паста або старонкі.

Возьмем, напрыклад, малюнак ніжэй:

Калі гэта было выкарыстана на сайце дабрабыту, то тэкст альтэрнатывы можа быць « шчаслівай, здаровай жанчынай, якая адпачывае прагулкай ».

Але калі б гэта было выкарыстана на старонцы прадукту, дзе прадаецца сукенка з узорам, то альтэрнатыўны тэкст можа быць « жанчынай, якая носіць сукенку з узорам з рукавамі ».

У абодвух выпадках тэкст alt апісвае малюнак, у тым ліку і адпаведнае ключавое слова.

На старонцы прадукту ключавое слова - "сукенка з узорам з доўгімі рукавамі". Для сайта дабрабыту гэта "шчаслівая, здаровая жанчына".

У залежнасці ад таго, дзе выкарыстоўваецца малюнак, ключавое слова павінна апісваць малюнак і мець дачыненне да кантэксту старонкі.

Будзьце асцярожныя, каб уставіць сваё ключавое слова ў тэкст альт, калі ён не мае дачынення да выявы, бо гэта не карысна для людзей, якія выкарыстоўваюць ваш сайт. Акрамя таго, калі пошукавыя сістэмы заўважаюць, што вы напаўняеце ключавыя словы тэкстам альтэрнатывы, яны пакараюць ваш сайт і робяць яго менш прыкметным пры пошуку.

Заўважым, вам таксама не трэба ўключаць у сябе тэкст альта "фота .." ці "малюнак ...", так як счытвальнік экрана і пошукавыя сістэмы ведаюць, што тэкст апісвае малюнак.

Яшчэ спосабы апісання выявы

Альт-тэкст - гэта не адзінае месца, куды можна ўключыць апісальную інфармацыю пра свае выявы. WordPress дазваляе рэдагаваць наступнае:

• Назва
• Подпіс
• Апісанне

Вы можаце падумаць пра сябе: «Ці сапраўды мне трэба запаўняць усю гэтую інфармацыю, кожны раз, калі я загружаю малюнак?» Адказ - не.

Вам спатрэбіцца самастойна вырашыць, ці з'яўляюцца гэтыя іншыя палі актуальнымі.

Давайце паглядзім, як кожнае поле ўплывае на карыстальнікаў і SEO, каб дапамагчы вам вырашыць:

назву выявы

Назва выявы - гэта проста функцыя, якая выкарыстоўваецца для імя малюнкаў у медыя-бібліятэцы. Як правіла, загалоўкі малюнкаў недаступныя на вашым сайце. Гэта азначае, што яны не будуць уплываць на вашых карыстальнікаў і на SEO.

Звычайна яны не адлюстроўваюцца на вашых паведамленнях і старонках, яны не чытаюцца чытачамі з экрана, і пошукавыя сістэмы не могуць сканаваць іх.

Вы можаце запоўніць назву выявы карыснай пры сартаванні малюнкаў. Калі няма, вы можаце з радасцю пакінуць поле пустым.

Малюнак подпіс

Загаловак малюнка робіць тое, што ён кажа на волава - гэты тэкст з'яўляецца над або пад малюнкам на паведамленні або старонцы.

Вашы загалоўкі могуць стылізавацца распрацоўшчыкам і часта маюць меншы памер шрыфта, каб візуальна адлучыць іх ад астатняй часткі тэксту старонкі.

Падпіскі падобныя на астатнюю частку тэксту на старонцы або посте. Яны адлюстроўваюцца візуальна, прызнаюцца пошукавымі сістэмамі і чытаюцца счытвальнікамі экрана.

апісанне выявы

Апісанне малюнка - гэта большае апісанне выявы. Падобна альт-тэксту, ён не будзе адлюстроўвацца на паведамленні ці на старонцы, на якой адлюстроўваецца малюнак. Некаторыя тэмы будуць адлюстроўвацца на старонцы ўкладання (г.зн. старонка, з якой звязаныя выявы па змаўчанні).

Але калі апісанні не настроены, каб з'явіцца дзе-небудзь на вашым сайце, запаўненне гэтага поля проста дадае дадатковы пласт непатрэбнай працы.

Alt тэксты вынасаў

Зрабіць максімальную колькасць тэкстаў - гэта хуткі і просты спосаб палепшыць SEO і даступнасць. Каб абнавіць, вось некалькі ключавых вынасаў:

• Alt text - гэта тэкставае ўяўленне любога нетекстового зместу сайта, уключаючы выявы
• Alt text - гэта тэкст, які адлюстроўваецца, калі выява разбіта, але яна таксама распазнаецца пошукавымі сістэмамі і счытвальнікамі экрана
• Без альтэрнатыўнага тэксту выява фактычна нябачная для чытання з экрана і пошукавых сістэм
• Пасля загрузкі выявы на вэб-сайт WordPress вы можаце рэдагаваць тэкст alt на экране Падрабязнасці ўкладанняў
• Вы таксама можаце рэдагаваць назву і апісанне выявы, але альтэрнатыўны тэкст і загалоўкі, як правіла, больш важныя для SEO і даступнасці
• Захоўвайце тэкст кароткім і актуальным для кантэксту старонкі
• Выкарыстоўвайце ключавыя словы ў тэкставым выглядзе, калі гэта магчыма, але толькі тады, калі яны маюць дачыненне

Патрэбна дапамога ў аптымізацыі вашага сайта для карыстальнікаў і пошукавых сістэм? Звязацца !