Як аптымізаваць блог для мабільных прылад

  1. Чаму не аптымізавалі блог пад мабільныя прылады раней?
  2. Ўстаноўка плагіна WP Mobile Detector
  3. Рашэнне ёсць - рэдагуемы файл Robots.txt

Добрага часу сутак, паважаныя чытачы блога Thebizfromscratch ! На сувязі, як заўсёды, мы - Андрэй і Даша. Думаем з загалоўка, ужо стала зразумела, што сёння мы зноў вяртаемся да блогосозданию і тэма дадзенага артыкула: адаптацыя сайта пад мабільныя прылады або планшэт. Як якасней вырабіць аптымізацыю? З дапамогай ўстаноўкі спецыяльнага плагіна або лепш залезці ў код, а можа ...? Чаму не зрабілі гэтага раней? Давайце разбірацца.

Чаму не аптымізавалі блог пад мабільныя прылады раней?

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

Па-другое, большасць блогераў даволі негатыўна ставяцца да ўстаноўцы падобнага роду ўбудовам (WPtouch, WP Mobile Detector, WordPress Mobil Pack, Jetpack і інш.) Бо ёсць верагоднасць, што яны ў працэсе сваёй працы ствараюць дублі старонак. А мы з вамі ў курсе, што дублі ооочень не падабаюцца пошукавым робатам, якіх пачаткоўцы вэбмайстра баяцца, як агню! Мы дапетрылі і вырашылі пакуль ўстрымацца ад выкарыстання убудоў.

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

Кожны дзень мы правяраем статыстыку і адсочваем прасоўвання нашага рэсурсу з дапамогай Яндэкс Вэбмайстра і Google Search Console (Дарэчы, карысныя штукі, раім зарэгістравацца). І ў адзін цудоўны момант сэрвіс ад гугла паінфармаваў нас пра памылкі на 16 (!) Старонках нашага сайта. Спачатку, мы трохі спалохаліся, бо да стварэння блога падыходзім вельмі ўважліва і асцярожна, супакоіўшыся, сталі разбірацца ў недахопаў і ... тая-так! Памылкі звязаныя з выгодай прагляду на мабільных прыладах:

  • шырыня кантэнту не адпавядае галіне прагляду;
  • інтэрактыўныя элементы размешчаны занадта блізка.

І бо ўсе пасты чытэльныя, усе малюнкі - відаць! Мы б і радыя былі забыцца аб такой праблеме, ці мала, хай сэрвіс лаецца, галоўнае, наведвальнікаў і нас усё задавальняе. Але аказалася, што дадзены недахоп істотна ўплывае на выдачу пошукавай сістэмы: гугл заніжае нашы пазіцыі ... а гэта, сябры, не дапушчальна, асабліва для маладых праектаў. Так што ... узважыўшы ўсе «за» і «супраць», вырашылі мы ўсталяваць убудова.

Ўстаноўка плагіна WP Mobile Detector

Па-старому заходзім у панэль адміністратара WordPress, раздзел «Убудовы» - «Дадаць новы», прапісваем ў пошук "WP Mobile Detector", усталёўваем і актывуецца. У асаблівай наладзе дадзеная праграма не мае патрэбы.

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

Рашэнне ёсць - рэдагуемы файл Robots.txt

У самым пачатку посту, мы абмовіліся, што абраная намі тэма ў WordPress мае адаптыўны дызайн, але Googlebot всё равно лаецца і блакуе старонкі. І тут да нас дайшло ... мы ж самі забаранілі яму доступ да тэм! А дзе прапісваюцца правілы для ботаў? Правільна, у файле Robots.txt. Давайце внесём ў гэты файл трохі змен:

Напісалі асобныя ўказанні для Googlebot, у якіх выдалілі вось гэтыя радкі:

/ Wp-content / plugins

/ Wp-content / themes

/ Wp-includes

Звярніце ўвагу, для іншых пошукавых робатаў ўсё пакінулі без зменаў.

Пасля захавання ўносяцца змяненняў, мы праверылі наш праект у сэрвісе Google ... і, цуд! Праблема была паспяхова вырашана! Прычым блог глядзеўся аднолькава прыгожа на любых прыладах. Для больш дакладнай праверкі раім скарыстацца яшчэ адным сэрвісам ад гугла - PageSpeed ​​Insights , Дзе вы зможаце ўбачыць праблемы, якія трэба вырашыць. Ўвага варта звярнуць на пункт - зручнасць для карыстальнікаў. І на сёння мы заканчваем, спадзяемся, што адаптацыя сайта пад мабільныя прылады больш не будзе выклікаць праблем. Жадаем поспеху і да новых пастоў.

З павагай, Андрэй і Даша.

Чаму не аптымізавалі блог пад мабільныя прылады раней?
Як якасней вырабіць аптымізацыю?
Чаму не зрабілі гэтага раней?
Чаму не аптымізавалі блог пад мабільныя прылады раней?
Што ж рабіць?
Як жа быць у гэтай сітуацыі?
А дзе прапісваюцца правілы для ботаў?