Гугл: Каноникал се може подесити помоћу ЈаваСкрипта - шта то значи за СЕО и е-трговину

Кратак подсетник: шта је канонско и зашто постоји?

Канонизација је процес којим Google бира најрепрезентативнији URL за садржај када постоји више сличних или идентичних верзија странице. Канонски URL је ова „репрезентативна“ верзија коју Google преферира да приказује у резултатима претраге. 

У е-трговини, дуплирани URL-ови су уобичајени јер продавнице генеришу варијанте и комбинације:

• филтрирање и сортирање (параметри URL-а),
• пагинација,
• варијанте производа (боја/величина),
• параметри кампање (UTM),
• језичке верзије,
• различите путање до истог садржаја (категорија → производ наспрам претраживача → производ).

Када је канонско подешено погрешно, последице могу бити болне:

• Гугл индексира погрешне адресе (неред у индексу),
• сигнали (линкови, ауторитет, подаци о понашању) су дистрибуирани преко више URL-ова,
• Трошите буџет за претраживање на дупликате,
• видљивост кључних категорија и производа се смањује.

 Шта је тачно Гугл рекао о томе да је канонско подешено у ЈС-у?

Порука је једноставна:

• Најбоље је поставити канонску опцију у HTML-у (у „
• Ако не можете, можете подесити канонску вредност помоћу Јаваскрипта — али то урадите на начин који чини канонску вредност доследном и недвосмисленом. 
• Канонизација се дешава пре и после рендеровања, тако да укрштање канонског „у изворном коду“ и „након рендеровања“ ствара проблеме. 

Гугл такође наглашава веома практично правило: ако је канонска адреса већ у HTML-у, JS не би требало да је мења на другу адресу. А ако је немогуће уметнути канонску адресу у HTML, боље је да је уопште не укључујете тамо и да је додате само путем JS-а (тачно, у „). 

Зашто је „канонски подешавање након рендеровања“ ризично?

Зато што Google не види увек ваш веб сајт на исти начин као што га корисник види у прегледачу. Једноставно речено, постоје два „момента“:

• HTML пре рендеровања (шта сервер одмах враћа),
• HTML након рендеровања (шта се креира након што се JavaScript изврши).

Ако се канонско појављује тек након рендеровања, онда:

• повећавате своју зависност од тога да Google правилно рендерује JS,
• стварате простор за прелазе (различити канонски у изворном коду, различити након рендеровања),
• Лакше је направити грешке у оквирима (нпр. дуплиране „<link rel=”canonical”> „или уметањем на погрешно место).

Гугл експлицитно подсећа да је канонско прихваћено када је у „, а са JS-ом морате га правилно „убризгати“. 

Када каноничност у JS-у има смисла у пракси?

Постоје ситуације у којима ово може бити разуман компромис:

• SPA апликација рендерована на страни клијента, где је генерисање „ на серверу је тешко,
• застарели CMS/платформа где немате потпуну контролу над шаблоном,
• динамички прикази, где канонички зависи од стања апликације (мада је овде потребна посебна пажња).

У онлајн продавницама (посебно у фрејмворцима без хедсета), канонску вредност понекад подешавају библиотеке попут Head Manager-а (нпр. React Helmet, Next.js Head). Ово функционише, али само ако једна, конзистентна канонска вредност и ако нема конфликтних сигнала.

Најважније правило: канонска конзистентност „пре“ и „после“ рендеровања

Ако се сећате једне ствари из овог чланка, нека то буде ово:

Не стварајте ситуацију у којој канонско у HTML-у указује на А, а канонско након рендеровања указује на Б.

Сам Гугл истиче да се канонизација одвија у различитим фазама, па „мешовити сигнали“ смањују недвосмисленост и повећавају ризик да алгоритам изабере другачију верзију. 

У електронској трговини, такав прелаз се често дешава кроз:

• филтери и сортирање генеришу различите URL-ове,
• аутоматско повезивање параметара у JS-у,
• грешке у усмеравању (нпр. коса црта/без косе црте),
• разлике у канонским адресама између мобилних и десктоп верзија.

Корак по корак: како имплементирати канонску могућност подешавања у JS-у без минута

Корак 1: Одлучите шта ће бити канонско (пословна логика)

Прво, успоставите правила. Примери у продавници:

• производ има канонску адресу за „чист“ URL без параметара кампање,
• категорија има канонску до несортиране верзије,
• филтрирајте странице: или канонске за основну категорију, или (ако филтери имају смисла за SEO) канонске за одређену комбинацију — али онда мора постојати стратегија индексирања.

Корак 2: уверите се да постоји један канонички након рендеровања

Не два, не три. Један. У "Гугл вас подсећа да правилно убаците канонску ознаку и у одговарајући одељак документа. 

Корак 3: Ако не можете да убаците канонску страницу у HTML, немојте је уопште убацивати

Ово је важна нијанса из Гугловог појашњења: боље је да нема каноничног кода у изворном коду него да има другачији од оног који сте касније поставили у ЈС-у. 

Корак 4: Тестирајте у Google Search Console-у

Google препоручује тестирање рендеровања и канонских претрага помоћу алата као што је Search Console како бисте били сигурни да Google види шта покушавате да постигнете. Инспекција URL-ова је корисна када је у питању канонизација, јер приказује, између осталог, канонску претрагу коју сте навели и канонску претрагу коју је Google изабрао. 

Корак 5: Пратите укрштања „Google је изабрао другу канонску верзију“

Ако Google често бира другачији канонички претраживач од оног који сте подесили, то је сигнал да:

• садржај није довољно сличан (алгоритам га сматра да није дупликат),
• сигнали су контрадикторни (интерно повезивање, преусмеравања, мапе сајта),
• „canonical“ означава URL нижег квалитета (нпр. са грешкама, без садржаја, са различитим параметрима).

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

Уобичајене грешке у е-трговини које крше канонску структуру (посебно са JS-ом)

Дупликат канонског

Фрејмворк убризгава канонску верзију, а платформа продавнице додаје другу у шаблон. Након рендеровања, имате два различита „<link rel=”canonical”> „. Ефекат: сигнал постаје нечитљив.

Канонски сет напољу<head>

Гугл више пута наглашава да канонско треба да буде у„Ако слети у „, понекад се игнорише. 

Канонски указује на URL са параметрима

Најчешће, „canonical“ би требало да указује на „чисту“ верзију. Ако „canonical“ указује на URL са UTM-ом, сортирањем или филтрирањем, брзо ћете створити лавиринт.

Канонски зависи од стања апликације

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

Шта се ово мења у пракси за онлајн продавнице?

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

• Мање страха у headless/SPA пројектима - канонско у JS-у може да функционише када се доследно имплементира. 
• Више одговорности на страни имплементације - јер је „најбоља пракса“ и даље канонска у HTML-у, а JS је резервна варијанта. 

У продавницама које имају много комбинација URL-ова (филтери, параметри, варијанте), канонизација је један од главних алата за организовање индекса. Добро конфигурисана канонизација подржава видљивост категорија и производа, док неправилно подешена може ометати раст.

Контролна листа: Шта данас проверити у вашој продавници 

• Отворите картицу производа и проверите изворни код странице да ли је канонско у „.
• Проверите да ли након рендеровања и даље постоји само један канонички изглед (нпр. у алатима за развој).
• Идите на URL са параметрима (UTM / сортирање) и видите да ли канонски линкови воде до основне верзије.
• У Search Console-у користите URL инспекцију и упоредите: декларисано канонско у односу на канонско које је изабрао Google. 
• Ако је канонско подешено у JS-у - проверите да ли нема преклапања са HTML-ом (или ако HTML уопште нема канонско, ако би JS требало да га подеси). 

Где се налази swiatcyfrowy.pl у овом месту?

Ако желите да се уверите да су канонско, JS рендеровање и индексирање правилно подешени, најбржи начин да то урадите је обично кроз техничку SEO ревизију (са елементима е-трговине).

У дигиталном свету, ову тему можете третирати као део веће дијагнозе: сређивање индексирања, елиминисање дуплирања, побољшање видљивости категорија и производа и сужавање SEO левка → картица производа → kupi.swia