Obsah
Při vývoji webových stránek často používáme JavaScript, protože je ideální pro vytváření inovativních webových stránek s více funkcemi na straně klienta. Jednou z nejpoužívanějších technologií je AJAX.Přes rámců Co Jquery, prototyp, mootools a další, které umožňují zadávání požadavků na server, přijímání výsledků a aktivaci načítání určitého obsahu na stránku bez obnovení webu a zcela transparentní pro uživatele.
V současné době většina webových stránek vykazuje silnou závislost na JavaScriptu při vytváření efektů a funkcí na straně klienta, což s sebou přináší známá rizika, pokud jde o SEO, problémy s odkazy nebo nekompatibilitu, technické poruchy, rychlost stahování atd.
V tomto tutoriálu některé uvidíme strategie pro vývoj webových stránek a aplikací AJAX vyhnout se problémům v pobočce SEO.
Výhody a nevýhody používání AJAX
Výhody z hlediska uživatelské zkušenosti jsou jasné: rychlé stránky, menší režie pro server, který zpracovává pouze objednávku a vrací obsah, který je pro uživatele nezbytný. Mnoho webových funkcí nové generace nelze snadno provádět bez použití JavaScriptu nebo Jquery, protože to dává uživateli potřebu kliknout na prvek webu a prohlížeč neaktualizuje celou stránku, ale pouze blok obsahu a dokonce zobrazit různé informace pro různé uživatele.
Temnější stránkou je, že vrácený obsah nemusí být pro vyhledávače viditelný a robot často nebude analyzovat kód Jquery nebo Ajax. Jedním z problémů je, že obsah stránky je viditelný pouze v prohlížeči, ale nikoli na serveru, způsob sledování robotů může způsobit, že nevidí nějaký obsah nebo že některé odkazy selžou, protože robot nerozumí velmi složitému JavaScriptu .
Google neustále vyvíjel schopnosti robotů procházet Ajax a Javascript, zatímco Bing a Yahoo se příliš nevyvinuly.
Ani vyhledávače nemohou přesně reprezentovat nejrelevantnější obsah pro vyhledávací dotaz, takže nadužívání této technologie může vést ke špatnému umístění ve výsledcích vyhledávání.
Příklady html prvků a bloků zlepšujících SEO
Pokud potřebujeme vytvořit blok, použijme na třídy sémantická jména, to znamená ve smyslu, který popisuje obsah:
Příklad bloku, který ukazuje nějaký obsah Bylo by lepší dát každému bloku html kódu sémantičtější smysl, aby roboti pochopili, jaký obsah budou zobrazovat: Struktura je jasně dohledatelná, i když obsah nebyl vygenerován v HTML. Vzhledem k tomu, že sémantické značení obsahuje klíčová slova, je důležité pro obsah použít vhodné tagy HTML. V případě pochybností můžeme nahlédnout do manuálu W3school Html.
Podobně jako seřazené nebo neuspořádané seznamy je jedním z cílů definičních seznamů zobrazení seznamu cíleného obsahu, jako ve výše uvedeném případě se může jednat o novinky nebo seznam produktů. To umožňuje větší hustotu klíčových slov, méně nepořádku v kódu.
Jedním z nejdůležitějších aspektů je, že obsah, který Javascript generuje pro uživatele, je stejný obsah přesně stejný jako ten, který se zobrazuje vyhledávačům nebo vyhledávacím robotům.
Google jako možné řešení uvádí, že pokud naše webové stránky obsahují technologie, ke kterým vyhledávače nemají přístup nebo je nemohou interpretovat, například JavaScript nebo Ajax, pak musíme použít popisný text nebo záložky, aby tyto prvky mohly ukázat, jaký obsah by odpovídal. Zobrazí se a zlepšit tak přístupnost stránek. Mnoho uživatelů používá mobilní zařízení, nestandardní prohlížeče, zastaralý software a pomalé připojení, takže při prohlížení obsahu nebo používání některých funkcí mohou mít problémy.
Odkazy a parametry podle adresy URL
Google upřednostňuje použití hashbang jako parametr v adrese URL, protože tímto způsobem bude pro vás snazší interpretovat vaše odkazy, když jako parametr předáme webu hastabang.
Široce používaný příklad je na webu Twitter. Google jej používá k uchování a vyžádání obsahu této statické stránky. Zde je několik příkladů, které ukazují, co přepsané adresy URL obsahují:
Tato URL vygenerovaná nějakým dotazem je lepší a sémantičtější SEO
www.miweb.com/#!madrid/productos
Tyto dvě adresy URL jsou pro roboty obtížnější na pochopení, ale ta poslední bezpochyby poněkud zlepšuje sémantiku.
www, miweb, com /? tmp = madrid / produkty
www.miweb.com/?ciudad=madrid&seccion=productos
Dokud to dokážeme Sémantické SEO k generovanému obsahu a ukázat stejný obsah, který by uživatel viděl ve vyhledávačích, to není velký problém.
Vysouvací navigační panely a karty
V případě distribuce obsahu na kartách, kde se obsah mění pomocí jquery nebo jiného rámce v závislosti na kartě, na které se nacházíme, musí existovat nezávislá adresa URL pro každou kartu, když uživatel klikne na kartu, může požadavek být také vytvořen na serveru pro generování zcela nového obsahu. Struktura každého odkazu může být něco jako:
www.miweb.com?tab= prodeje
www.miwebe.com/?tab=clientes
www.miweb.com/?tab=productos
Trik s kartami se vyrábí pomocí CSS a Javascriptu, server vrací obsah všech karet s požadavkem na první stránku. Když uživatel klikne na kartu, třídy definované v CSS způsobí, že prohlížeč skryje obsah přidružený ke kartě a zobrazí pouze obsah související s kliknutou kartou, zatímco ostatní jsou skryté, ale jsou v kódu, který je povolen , proto je dobré dát struktuře sémantický smysl.
Je také velmi důležité nedovolit procházení souborů Javascript nebo CSS v souboru robots.txt našeho webu, protože to může poškodit umístění a indexování vašeho obsahu a může mít za následek selhání statistik procházení.
Jedním z pokynů Webmaster Google Konkrétně říká, že nepovolí sledování těchto souborů, ale ani je nebude blokovat ani skrývat před roboty.
Nástroje Google pro webmastery k ověřování a analýze procházení
Nástroje pro webmastery Google nám dává možnost informovat společnost Google ověřením vlastnictví našich webových stránek. Přihlaste se prosím pomocí svého účtu Google nebo Gmail a poté můžeme ověřit náš web.
Robotovi trvá přibližně dva týdny, než se odkazy správně zobrazí ve Vyhledávání Google.
Neexistuje snadný způsob, jak zajistit, aby vše fungovalo, ale existuje několik nástrojů, které vám pomohou zjistit, co se děje. Nejlepší je použít nástroj Prozkoumat jako Googlebot, který nám ukazuje, co přesně Google vidí při procházení webu. K Nástrojům pro webmastery Google můžete přistupovat v Diagnostice.
Pomocí nástrojů Google pro Nástroje pro webmastery můžeme kontrolovat indexované odkazy a opravit nebo odstranit tyto odkazy tak, aby byl váš web optimalizován pro vyhledávače a měl odkazy bez nebezpečí penalizace, které mimo jiné pomohou zlepšit vaše SEO.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
