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

1. Як гэта мабільны SEO адрозніваецца ад «нармальнага» SEO?
2. Як аптымізаваць сайт для мабільных прылад?
3. Распаўсюджаныя памылкі з мабільнымі дружалюбнымі сайтамі
4. Што Паскораныя старонкі для мабільных прылад і чаму вы павінны клапаціцца?
5. Чаму вы павінны клапаціцца аб AMP?
6. Што ж гэта AMP старонкі?
7. AMP для WordPress
8. выснову

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

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

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

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

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

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

Як гэта мабільны SEO адрозніваецца ад «нармальнага» SEO?

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

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

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

ПОЎНЫ КУРС SEO крок за крокам , вядома , пра тое , як павялічыць трафік у працягу 60 дзён ці менш. Даведайцеся, як практычна пабудаваць паспяховы вэб-сайт або блог. ТОЛЬКІ SEO курс вы ніколі ня павінны чытаць!

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

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

Размяшчэнне аб'явы: Людзі не любяць , каб убачыць старонку поўных аб'яваў у той час як на мабільным тэлефоне , і ні робіць Google. Калі вы карыстаецеся AdSense на мабільных або іншых рэкламных пляцовак, пераканайцеся, што вы не парушаеце якой-небудзь з кіруючых прынцыпаў Google для размяшчэнне рэкламы ,

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

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

Як аптымізаваць сайт для мабільных прылад?

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

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

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

Варыянт 1: Фікс праблемы.

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

Варыянт 2: Змена тэмы.

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

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

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

Варыянт 3: Прыняць адаптыўны дызайн.

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

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

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

Не забывайце, што акрамя мабільнага дружалюбнага тэсту, іншы спосаб праверыць свой сайт на розных мабільных прыладах, каб выкарыстоўваць «мабільны эмулятар прылады», які ўбудаваны ў Google Chrome.

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

Распаўсюджаныя памылкі з мабільнымі дружалюбнымі сайтамі

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

Блакаванне рэсурсаў , неабходных Google бот: Google можа бачыць сайт як звычайны карыстальнік , так што вы не павінны блакаваць любыя рэсурсы (JavaScript або CSS - файлы) ад доступу Google. Гэта таксама дакладна і для настольных кампутараў, але больш важна для мабільных прылад, так як спагадлівасць вэб-сайта дасягаецца праз JavaScript і CSS.

Пераканайцеся ў тым, што Google можа атрымаць доступ ўсе неабходныя рэсурсы. Вы можаце выкарыстоўваць FETCH AS варыянту GOOGLE ў пошукавай кансолі Google і наладзіць свой файл robots.txt адпаведна (праверыць мой пост: Асноўныя WordPress SEO для больш падрабязнай інфармацыі).

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

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

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

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

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

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

Увогуле, паспрабуйце ліквідаваць дадатковыя экраны, калі вы можаце прадаставіць інфармацыю менш экранаў і пстрычкі. Паглядзіце на гэтым добрым тэматычным даследаванні з https://www.conversioner.com/mobile-optimization і як ім удалося павысіць хуткасць пераўтварэнні за кошт спрашчэння сваіх мабільных старонак.

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

Выкарыстанне Popups: Усплывальныя добрыя для працоўнага стала , калі яны не парушаюць карыстацкага досведу. Мне падабаецца выкарыстоўваць «усплывальныя вокны выхаду", у сваіх вэб-сайтах, так як яны з'яўляюцца вельмі эфектыўнымі, і яны паказаны толькі, калі карыстальнік спрабуе выйсці з вэб-сайта. Для мабільнага хоць, усплывальныя вокны не добра, і яго варта пазбягаць.

Што Паскораныя старонкі для мабільных прылад і чаму вы павінны клапаціцца?

Паскораныя мабільныя старонкі (AMP) з'яўляецца ініцыятывай Google для стварэння мабільнага Інтэрнэту хутчэй.

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

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

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

Google Analytics, Adsense, DoubleClick таксама будзе падтрымліваць AMP Pages.

Чаму вы павінны клапаціцца аб AMP?

Хутчэй добра для SEO і карыстальнікаў: Так як AMP аб тым , каб вашых мабільных старонках хутчэй гэта добра для вашых мабільных рэйтынгаў (асабліва , калі ён становіцца часткай алгарытму ранжыравання Google) , а таксама добра для карыстальнікаў. Карыстальнікі будуць марнаваць больш часу на вашым мабільным сайце, прачытаць больш старонак і больш узаемадзейнічаць з кантэнтам і прапановамі.

Гэта новая тэндэнцыя , што вам трэба прытрымлівацца: Google настойвае на гэта вельмі цяжка , і калі вашы канкурэнты вырашылі пайсці AMP, то вы павінны зрабіць тое ж самае. З іншага боку, калі вы робіце гэта, перш чым вашыя канкурэнты вы атрымліваеце перавага.

Што ж гэта AMP старонкі?

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

Так што калі ў вас ёсць старонка з гэтым URL: http://www.example.com/my-article, вы таксама будзеце мець старонку AMP: http://www.example.com/amp/my-article.

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

Для таго, каб зрабіць крок далей, калі вы бліжэй да Схема для артыкулаў , Вы заўважыце, што ёсць цэлы новы набор структураваных тэгаў дадзеных, неабходных для старонак AMP.

AMP для WordPress

WordPress быў адзін з першых платформаў для падтрымкі ініцыятывы AMP і яны абяцалі зрабіць яго лёгкім для ўладальнікаў вэб-сайтаў WordPress міграваць у AMP.

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

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

выснову

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

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

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