- 1. Выкарыстанне малюнкаў замест рэальнага тэксту
- 2. Пазбягайце ўспышкі
- 3. Патрэбна спагадны дызайн
- 4. Недружалюбная навігацыя
- 5. Няправільныя тэгі H
- 6. Цяжкія выявы
- 7. Неактуальныя усплывальныя вокны
Наша команда-партнер Artmisto
Добры вэб-дызайн - гэта прывабная і складаная сфера, якая патрабуе вопыту ў розных галінах, уключаючы графічны дызайн, маркетынгавыя навыкі, HTML-кодаванне і CSS, а таксама тэхнічныя веды, якія тычацца SEO.
Большасць дызайнераў не лічаць і не разумеюць складанасці кадавання і раскладкі, якія ўплываюць на SEO. Большасць з іх засяроджана на сілах, якая стварае прыгожы і прыгожы дызайн сайта, але не заўсёды спецыяльна. Мэтай большасці сайтаў з'яўляецца продаж, і з дапамогай гэтай схемы дызайну, арыентаванай на пераўтварэнне, SEO - найлепшы варыянт, які перакладаецца на вядучыя і чаканыя продажу. Ігнараванне гэтага працэсу можа прывесці да сур'ёзных наступстваў для поспеху вашага сайта.
Таму, калі гаворка ідзе пра SEO, наступныя моманты - найгоршае, што робяць некаторыя дызайнеры.
Малюнак 1: Накрыты жывы тэкст, які паказвае, што ён абраны. Адсюль "чытаны" і вядомы Google.
1. Выкарыстанне малюнкаў замест рэальнага тэксту
Адсутнасць ведаў ці проста лянота часта прыводзяць дызайнераў да выкарыстання малюнкаў, якія змяшчаюць тэкст, з выкарыстаннем сапраўднага жывога тэксту. Google і іншыя пошукавыя сістэмы не ў стане чытаць тэкст, укладзены ў малюнак. Наколькі эфекты Photoshop могуць выглядаць сапраўды выдатна, гэта робіцца бескарысным, паколькі пошукавыя сістэмы могуць яго чытаць, і, шчыра кажучы, большасць эфектаў можа быць дасягнута, калі вы ведаеце правільнае CSS-кадаванне. Разгледзім толькі выкарыстанне тэксту ў малюнках, калі ён гуляе значную ролю дызайну, напрыклад, у інфаграфічнай або складанай графіцы.
САВЕТ | Калі вам трэба выкарыстаць выявы, каб вызначыць кантэкст, заўсёды ўжывайце тэгі ALT з апісаннем выявы.
2. Пазбягайце ўспышкі
Малюнак 2: Adobe Flash, пазбягайце яго любой цаной.
Ўспышка Раней было так выдатна, што дызайнеры маглі ствараць сапраўды дзіўныя анімацыі і вэб-досведы, але пошукавыя сістэмы, калі яны наогул, не проста праіндэксаваныя, і яны састарэлі, а ў многіх выпадках небяспечныя. Flash таксама патрабуе дадатковых гадзін кадавання і анімацыі, якія звычайна выходзяць з большасці бюджэтаў.
З дапамогай HTML5 і выкарыстання JavaScripting, JQuery і іншых тэхналогій вы можаце прапанаваць лепшы вопыт, які больш шырока падтрымліваецца (думаю, што вашы мабільныя прылады і Ipads), але ён таксама цалкам праіндэксаваны і пошуку.
САВЕТ | Не выкарыстоўвайце флэш! Google і іншыя пошукавыя сістэмы не могуць "чытаць" яго. Ду!
3. Патрэбна спагадны дызайн
Калі справа даходзіць да SEO, адным з найважнейшых фактараў сёння з'яўляецца забеспячэнне адказнасці вашага сайта. Ваш сайт павінен быць функцыянальным і чытаным, незалежна ад таго, кропка доступу канчатковага карыстальніка, будзь то на працоўным стале ці на хаду са сваёй мабільнай прыладай. Вось чатыры асноўныя фактары, якія ўступаюць у гульню пры разглядзе SEO і рэагавання на дызайн:
Карыснасць: Аптымізуйце дызайн для некалькіх памераў экрана. Google аддае перавагу наведвальнікам, якія маюць зручны мабільны сайт. Ён прымае да ведама, калі наведвальнікі наведваюць ваш сайт і неадкладна вяртаюцца да вынікаў пошуку.
Дубляванне зместу: Шматлікія дызайнеры ствараюць версію сайта на працоўным стале, а затым другую версію, аптымізаваную для мабільнага карыстальніка. Гэта можа працаваць добра ў мэтах пракруткі, але гэта ўплывае на тое, як пошукавыя сістэмы прыярытэту вашага сайта і зместу. Мабільныя вэб-сайты кананіалізуюцца з версіямі для настольных ПК, таму наяўнасць дубляванага змесціва на працоўным стале, а затым асобны мабільны сайт дэфлютуе яго значнасць. Выкарыстоўвайце адаптыўны дызайн, каб захаваць змесціва ў адным месцы - адзін URL.
Час загрузкі: Наяўнасць адной версіі старонкі, якая адпавядае рэагаванню, так што яна правільна загружаецца на прыладзе доступу канчатковага карыстальніка, значна памяншае час загрузкі, паколькі адсутнічаюць перанакіраванні, якія, як правіла, перашкаджаюць карыстачу.
Рэйтынг мабільных пошукаў: сайты, аптымізаваныя для мабільнага карыстання, займаюць Google вышэй, пакуль яны не паказваюць сайты, якія не зручныя для мабільных тэлефонаў, таму неабходнасць рэагаваць на сайт значна больш важная.
САВЕТ | Пераканайцеся ў тым, каб распрацаваць сайт, які забяспечвае змест, які падыходзіць, і гэта мае сэнс у кантэксце мабільнага вопыту.
4. Недружалюбная навігацыя
Калі карыстальнікі не могуць лёгка знайсці шлях, яны вырашылі вярнуцца да вынікаў пошуку і перайсці да наступнага сайта. Там няма стандарта для навігацыі, але важна разумець, што навігацыя павінна быць інтуітыўна зразумелай і паслядоўнай.
Тэкст, які выкарыстоўваецца ў якасці навігацыі, павінен быць кароткім. Гіперспасылкі павінны вылучацца з цела тэксту. Мёртвыя спасылкі не маюць месца на сайце. Павялічвае блытаніну. І ўстрымаецеся ад спасылкі на галоўную старонку, якая адпраўляе вас на галоўную старонку.
САВЕТ | Арганізуйце навігацыю ў тандэме з мэтай вэб-сайта. Персанальныя сайты могуць дазволіць сабе быць больш творчым, але бізнес-сайт патрабуе эфектыўнасці.
5. Няправільныя тэгі H
Мы выкарыстоўваем тэгі H (тэгі H1 - H6) для арганізацыі тэксту на старонцы па значнасці, гэтак жа, як вы б выкарыстоўвалі загалоўкі ў дакуменце. Пазнакі адыгрываюць важную ролю ў атрыманні належных вынікаў SEO, вылучаючы ключавыя вобласці тэксту / зместу, але празмернае або няправільнае выкарыстанне гэтых тэгаў «заблытвае» пошукавыя сістэмы, у тым ліку Google.
Тэгі H1 - H6, як частка асноўнага кода HTML, дазваляюць вылучаць змест на старонцы і вызначаць прыярытэты ў іерархічным парадку, часцей за ўсё па ўзроўню важнасці. Гэтыя тэгі адыгрываюць важную ролю ў SEO-сайце і няправільнае выкарыстанне, асабліва злоўжыванне, з гэтых марак "блытае" Google і іншыя пошукавыя сістэмы.
Вось некалькі прапаноў аб тым, як правільна выкарыстоўваць тэгі H:
- Абмежуйце адзін тэг H1 на старонку, як правіла, загаловак старонкі.
- Выкарыстоўвайце тэг H2 у якасці загалоўка паміж пунктамі.
- Разгледзім пытанне выкарыстання тэгаў H3 у якасці загалоўкаў або для іншых элементаў на бакавой панэлі або тэзісах.
- Тэгі H4 - H6 звычайна выкарыстоўваюцца рэдка і мала якія ўплываюць на SEO.
САВЕТ | Загалоўкавыя тэгі маюць іерархію зверху ўніз ад <h1> да <h6>.
6. Цяжкія выявы
Мэтай сайта з'яўляецца хуткае прадстаўленне інфармацыі, але функцыянальна і эстэтычна. Выявы гуляюць вялікую ролю ў тым, як мы ўзаемадзейнічаем з сайтам і атрымліваем інфармацыю. Няправільнае выкарыстанне малюнкаў, магчыма, можа запаволіць карыстацкі досвед, асабліва для тых, хто знаходзіцца на хаду, выкарыстоўваючы свае мабільныя прылады доступу і, магчыма, адводзіць канчатковых карыстальнікаў адну або назад да вынікаў пошуку іншай кампаніі.
Выявы павінны быць аптымізаваны для выкарыстання ў Інтэрнэце і разуменне правільнага фармату для кожнай сітуацыі мае вырашальнае значэнне для добрага вэб-вопыту.
САВЕТ | Вось некалькі інструментаў для скарачэння малюнкаў без страты якасці:
· JPEGmini
· Просты Resizer Image
· ResizeImage.net
7. Неактуальныя усплывальныя вокны
Досвед карыстальнікаў і SEO ідуць рука аб руку, і калі пошукавыя сістэмы, асабліва Google, "адчуваюць", што госць вашага сайта незадаволены сваім вопытам, яны зразумеюць гэта і пакараюць вас за кошт прадастаўлення лепшых рэйтынгаў іншым сайтам.
Калі вы павінны выкарыстоўваць усплывальныя вокны, пераканайцеся, што гэта робіцца па добрай прычыне. Не выкарыстоўвайце ўспышку. Усплывальнае акно не павінна з'явіцца некалькі разоў у сесіі. І не выкарыстоўвайце ўспышку?
САВЕТ | Прапаную халяву ў абмен на перапыненне альбо зніжку, купон ці іншае.
І не выкарыстоўвайце ўспышку?
