Сышышь ты, выходи сюда,
поговорим !

Мабільны SEO: як пабудаваць і аптымізаваць мабільны сайт

  1. Важнасць мабільнага прысутнасці.
  2. Рашэнні для пабудовы мабільнага прысутнасці.
  3. 1. Адаптыўны вэб-дызайн.
  4. 2. Дынамічная Адбыванне
  5. 3. Асобны мабільны сайт
  6. Лепшыя практыкі па адлюстраванні перанакіроўвае для асобных мабільных сайтаў.
  7. У заключэнне: якая альтэрнатыва лепш?

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

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

Хай гэта будзе ясна, я ўзяў у апорным сектары, турызм, які, хоць і канкурэнтаздольныя, гэта, бадай, адзін з самых «аптымізавана» мабільнай пункту гледжання. Ў многіх іншых галінах, у тым ліку канкурэнтных, сітуацыя яшчэ горш. Я мог бы сказаць вам, напрыклад, некаторыя вялікія блог мае міжнародны характар, што і абвяшчаецца пошукавая аптымізацыя, але затым не рэагаваць версіі і / або мабільны тэлефон свайго блога. 🙂

Важнасць мабільнага прысутнасці.

Таму што будзе неабходна мець мабільнае прысутнасць? Be «Перш за ўсё, таму што яны амаль дзесяць гадоў, што мы гаворым пра мабільны буме, яго значэнне, і гэтак далей. і г.д. бум, верагодна, казаў пра гэта трохі «загадзя, але, так як у мінулым годзе, стала рэальнасцю ў асобе пастаянна расце ліку, і вы можаце ўбачыць уліковы запіс Google Analytics. Возьмем, напрыклад, Facebook, верагодна, атрымаць доступ да вэб-сайтаў з Facebook у гэтым годзе перавысіць тыя працоўнага стала.

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

1. Спажыўцы глядзяць на мабільных сайтах у працягу ўсяго працэсу пакупкі.

1

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

2

3. 93% карыстальнікаў , якія выкарыстоўваюць мабільны пошук , каб прыйсці да куплі.

3

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

Гэта канфліктуе з італьянскай рэчаіснасцю; шмат рэстаранаў у Італіі маюць мабільную версію свайго сайта? Вельмі мала!

Рашэнні для пабудовы мабільнага прысутнасці.

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

1. Адаптыўны дызайн;

2. Дынамічная Порцыя;

3. асобны сайт з вылучаным адрасам URL.

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

1. Адаптыўны вэб-дызайн.

крэдыт малюнка:   SEL
крэдыт малюнка: SEL

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

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

5 6 7 8 9 @media экрана і (макс-шырыня: 600px) {h1 {шрыфта: 24px / 50px "Helvetica Neue", Helvetica, Arial, без засечак; }}

@media экран і (макс-шырыня: 600px) {h1 {шрыфта: 24px / 50px "Helvetica Neue", Helvetica, Arial, без засечак; }}

У прыкладзе, код карысны для змены памеру шрыфта.

Зваротная перавагі дызайну з'яўляюцца:

  • існаванне аднаго шаблону HTML (адзіны сайт настолькі унікальна інстытуцыянальная ідэнтычнасць для брэнда ў Інтэрнэце);
  • толькі CSS файлы, дзякуючы запытам сродкаў масавай інфармацыі;
  • няма ніякага сцэнара для распазнання прылады;
  • толькі аптымізацыя SEO

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

2. Дынамічная Адбыванне

крэдыт малюнка:   www
крэдыт малюнка: www.ayima.com

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

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

9 10 11 12 13 14 15 16 17 GET / стр-1 HTTP / 1.1 Host: www.example.com (... астатнія загалоўкі запытаў HTTP ...) HTTP / 1.1 200 OK Content-Type: Тэкст / HTML Vary : User-Agent Content-Length: 5710 (... астатнія загалоўкі адказу HTTP ...)

GET / старонка-1 HTTP / 1.1 Host: www.example.com (... астатнія загалоўкі запыту HTTP ...) HTTP / 1.1 200 OK Content-Type: тэкст / html Варах: User-Agent Content-Length: 5710 (... астатнія загалоўкі адказу HTTP ...)

3. Асобны мабільны сайт

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

Сярод пераваг, асобны сайт , але , безумоўна , прапануе поўны вопыт налады мабільнага браўзэра.

Лепшыя практыкі па адлюстраванні перанакіроўвае для асобных мабільных сайтаў.

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

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

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

Мы пазбягае тое, каб убачыць нас нагружаны, працоўны стол, такія сітуацыі (а не казаць пра sitarelli да!)
Мы пазбягае тое, каб убачыць нас нагружаны, працоўны стол, такія сітуацыі (а не казаць пра sitarelli да

Што яшчэ горш, ня перанакіраваць карыстача (і робатаў) для правільнага URL? Перанакіраванне на галоўную старонку! Калі URL - адрас па запыце карыстальніка не мае сваю адпаведную мабільную версіі з'яўляецца ы empre лепш паказаць настольную версію запыту URL. E «бескарысна перанакіраваць яго на галоўную старонку, гэта не галоўная старонка рэсурсу, які карыстальнік запытвае ў той час.

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

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

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

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

1 <спасылка отн = "кананічнай" HREF = "http://www.example.com/page-1">

<Link отн = "кананічнай" HREF = "http://www.example.com/page-1">

URL настольнай версіі будзе ўтрымліваць замест отн = альтэрнатыўны носьбіт, на карту URL - адрас працоўнага стала і мабільнага тэлефона.

2 3 <спасылка отн = "альтэрнатыўны" СМІ = "толькі экран і (макс-шырыня: 640px)" HREF = "http://m.example.com/page-1">

<Спасылка отн = "альтэрнатыўны" СМІ = "толькі экран і (макс-шырыня: 640px)" HREF = "http://m.example.com/page-1">

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

Вы маеце ў ўвазе пабудаваць мабільны сайт, маеце адзін спагадныя, або аптымізаваць сайт для мабільнага SEO? Мы тут, каб рэалізаваць свой праект!

Звяжыцеся з намі!

У заключэнне: якая альтэрнатыва лепш?

Дапусцім , што на самой справе залежыць ад таго, якіх мэт мабільнага прысутнасці. Сайт прыкмет, інфарматыўны, і мэта складаецца ў тым, каб дазволіць чытанне змесціва? Затым зваротны сайт для вас. У выпадку больш складаных праектаў, у якіх мэты з'яўляюцца для пераўтварэння, мы думаем пра электроннай камерцыі, магчыма, было б лепш стварыць асобны сайт. У любым выпадку, аднак, усе павінны даць падрабязны аналіз пошуку карыстальнікаў вопыту, будзе прочесать добра Google Analytics і параўноўвае прылады выкарыстання і на месцы паводзін.
Дапусцім , што на самой справе залежыць ад таго, якіх мэт мабільнага прысутнасці
крыніца: http://ssl.gstatic.com/think/docs/creating-moments-that-matter-infographic_infographics.pdf

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