Хоць стварэнне адаптыўных вэб-сайтаў сёння здаецца нам нечым зразумелым, але не заўсёды гэта было ...

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

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

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

Што змянілася? І чаму сайты пагоршыліся?

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

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

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

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

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

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

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

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

Гэта важнае абнаўленне Google фактычна змяніла наша мысленне пра стварэнне вэб-сайтаў сёння і абвясціла эру Mobile First. Ён перайшоў з ПК на мабільны і з'яўляецца галоўным прыярытэтам па той простай прычыне - усё больш людзей выкарыстоўвае смартфоны і ўсё менш і менш камп'ютэраў.

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

Па-першае, важна праверыць, ці сапраўды ваш сайт ужо рэагуе. Вы можаце праверыць гэта ў тэсце на прыязнасць, які прапануе Google, тут: https://search.google.com/test/mobile-friendly

Проста увядзіце URL старонкі, якую вы хочаце праверыць, і дачакайцеся вынікаў аналізу.

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

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

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

Стварэнне адаптыўных сайтаў таксама прадугледжвае спецыяльны дызайн кнопак і спасылак. Вельмі варта падумаць пра карыстацкі досвед і ўзаемадзеянне серфераў са спасылкамі і кнопкамі, якія можна націснуць. [Заўвага: гл. Запіс у Search Console у раздзеле Mobile Usability для SEO і прасоўвання сайтаў]. Пераканайцеся, што кнопкі дастаткова вялікія на смартфонах, хаця б патрэбнага памеру для вялікага пальца. Акрамя таго, пераканайцеся, што іх лёгка націснуць мышшу пры праглядзе настольных і наўтбукаў.

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

Звярніце ўвагу, што колькасць слоў, якія ўваходзяць у кожны радок, таксама адрозніваецца ў розных поглядах. Таму таксама важна наладзіць шырыню тэкставых радкоў для кожнай прылады. Калі прылады з шырокім дысплеем, напрыклад, кампутары, уводзяць каля 75 знакаў запар, то на дысплеі смартфона трэба ўтрымліваць каля 35 знакаў запар.

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

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

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

Яшчэ адна дэталь, на якую важна звярнуць увагу пры стварэнні адаптыўных сайтаў, - гэта загаловак уверсе сайта. Падчас прагляду сайта настойліва рэкамендуецца зрабіць ліпкі загаловак, які будзе пастаянна прымацаваны да верхняй частцы экрана. Чаму? Ліпкі цытрус зніжае патрэбу ў вялікай колькасці пракруткі і фіксуе асноўнае меню на працягу ўсяго часу прагляду сайта. Гэта дазваляе серферам лёгка перамяшчацца па сайце, не пракручваючы занадта шмат і не шукаючы меню - паколькі меню фіксавана і даступна для серфера, незалежна ад таго, дзе яно знаходзіцца - унізе старонкі альбо ў сярэдзіне старонкі. Галоўнае меню даступна і добра бачна, і па ім можна лёгка пераходзіць з любой кропкі сайта. Sticky Heather адначасова эстэтычны і павышае функцыянальнасць смартфонаў.

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

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

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

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