Како прилагодити сајтове ефектом помицања паралаксе на захтјеве претраживача

Ефекат померања паралаксе је један од тренутних трендова у веб дизајну. Међутим, трговци вјерују да је ова техника контроверзна у смислу оптимизације претраживача. У овом чланку ћете сазнати да ли претраживачи заиста воле паралаксно помицање. Такође ћете добити идеју о прилагођавању сајтова тродимензионалним скроловањем на потребе претраживачког маркетинга.

Шта је померање паралаксе?

Помицање паралаксе је графички ефект гдје се позадина слике креће спорије од слика. Захваљујући томе, слика изгледа тродимензионално. Да бисте разумели шта је у питању, посетите овај ресурс овде.

Дизајнери користе померање паралаксе како би постигли ефекат тродимензионалне странице. Интересовање за веб сајтове са напредним визуелним ефектима константно расте, што се не односи само на повећање пропусног опсега Интернет канала и техничких могућности рачунара. Следећа илустрација потврђује велико интересовање за ефекат скроловања паралаксе у енглеском сегменту Интернета:

Домаћи дизајнери и трговци су такође активно заинтересовани за ефекат скроловања паралаксе, као што се може видети на илустрацији:

Зашто претраживачи не воле сајтове са ефектом померања паралаксе

Већина сајтова са ефектом померања паралаксе није СЕО-фриендли. Који је разлог? У суштини, ови ресурси се састоје од једне странице. Увјерите се сами прочитајте примјере:

  • 36 примера сајтова са померањем паралаксе.
  • 17 примера сајтова са померањем паралаксе.
  • 20 примера сајтова са померањем паралаксе.

Међутим, ако користите ефекат скроловања паралаксе, то не значи да бисте требали бити ограничени на архитектуру на једној страници.

Како направити СЕО-фриендли сите са помицањем паралаксе

Помицање паралаксе није табу за тражилице или кршење било каквих захтјева. Ово је само техника веб дизајна, која укључује стварање више слојева садржаја који се крећу различитим брзинама у односу на сваки други. Због тога, сајт за померање паралаксе може бити СЕО-фриендли. Да бисте то урадили, морате се придржавати стандардних техничких захтева претраживача.

Имајте на уму да скроловање паралакса апсолутно није погодно за мобилну верзију сајта. Преусмерите мобилни саобраћај на алтернативну страницу, јер померање паралаксе драматично повећава време учитавања сајта. А претраживачи нису добродошли. Да би сајт за померање паралаксе био СЕО-фриендли, користите једну од техника описаних у наставку.

Техника 1: јКуери параллак сцроллинг сите

У фебруару 2014. Гоогле је објавио препоруке о томе како да оптимизује сајтове са бесконачним скроловањем. Ове препоруке су делимично погодне за побољшање видљивости претраживања једне странице са паралаксе.

Суштина ове технике је да користите функцију јКуери пусхСтате. Омогућава вам да комбинујете страницу са померањем паралаксе у неколико блокова, од којих сваки има своју УРЛ и метаподатке. Захваљујући пусхстате-у, претраживачки роботи откривају да се ваше параллак сцроллинг странице од једне странице састоје од неколико страница.

Предности ове технике укључују једноставност употребе и могућност брзог претварања сајта од једне странице у више страница за претраживаче. Недостаци технологије су немогућност ефикасне анализе резултата промоције користећи Аналитицс. Највјероватније, аналитичке услуге ће забиљежити високу стопу одскока, јер ће са становишта тражилице корисник брзо прећи преко ваше странице од странице до странице.

Овај сајт је креиран помоћу функције пусхСтате. Забележите измене УРЛ адресе у адресној траци када померате страницу.

Техника 2: веб страница са више страница с паралаксе скроловањем и усклађеност са техничким захтјевима претраживача

Ова техника је веома једноставна: прво креирате вишестрани веб сајт, а затим користите скроловање паралаксе на свим или неким страницама. Овај ресурс је креиран помоћу ове технике.

У овом примеру, дизајнер је користио хоризонтални скрол. Различите брзине кретања позадине и облика приликом помицања ствара занимљив визуални ефект, иако у овом случају не говоримо о тродимензионалности.

Предности ове технике укључују погодност за кориснике. Они виде структуру сајта и могу брзо да пређу на жељену страницу. Осим тога, власнику је лако анализирати резултате промоције овог ресурса.

Недостаци укључују ниску брзину преузимања. Корисници ће морати да буду стрпљиви са сваком транзицијом. Поред тога, стварање ефекта паралакса за неколико страница је повезано са додатним трошковима. Ови проблеми се могу избећи коришћењем скроловања паралаксе не на свакој страници сајта.

Техника 3: помицање паралаксе на главној страници и линкови на СЕО-фриендли интерне странице

Главна страница овог сајта користи параласк-сцроллинг ефекат. Линкови са главне стране на интерне странице на којима се овај ефекат не користи. Предности ове технике укључују једноставност употребе, флексибилност и велику брзину преузимања. Недостаци укључују недостатак визуелних специјалних ефеката на унутрашњим страницама. Али овај недостатак је компензован претраживачима који шаљу посетиоце на СЕО-фриендли интерне странице.

Како ријешити сукоб између СЕО и ефекта помицања паралаксе

Да бисте креирали СЕО-фриендли сајт са ефектом скроловања паралаксе, мораћете да потражите средину између жеље за визуелном привлачношћу и потребама корисника претраживача. Технике које су горе понуђене дају вам ову прилику.

Loading...

Оставите Коментар