Съдържание
Когато разработваме уебсайт, ние често използваме JavaScript, тъй като той е идеален за създаване на иновативни уебсайтове с множество функционалности на страната на клиента. Една от най -използваните технологии е AJAX.През рамки Какво Jquery, прототип, Mootools и други, които позволяват отправяне на заявки към сървъра, получаване на резултата и активиране на зареждането на определено съдържание на страницата без опресняване на мрежата и напълно прозрачно за потребителя.
Понастоящем повечето уеб страници показват силна зависимост от JavaScript за създаване на клиентски странични ефекти и функционалности, което носи добре известни рискове по отношение на SEO, проблеми с връзки или несъвместимости, технически грешки, скорост на изтегляне и т.н.
В този урок ще видим някои стратегии за разработване на AJAX уебсайтове и приложения избягване на проблеми в SEO клона.
Предимства и недостатъци на използването на AJAX
Предимствата по отношение на потребителското изживяване са ясни: бързи страници, по -малко режийни разходи за сървъра, който обработва само поръчката и връща съдържанието, което е необходимо за потребителя. Много уеб функционалности от ново поколение не се правят лесно без използването на JavaScript или Jquery, тъй като предоставя необходимостта потребителят да кликне върху елемент от мрежата и браузърът да не актуализира цялата страница, а само блок от съдържание и дори показва различна информация за различните потребители.
Недостатъкът е, че върнатото съдържание може да не се вижда от търсачките и ботът често няма да анализира Jquery или Ajax кода. Един от проблемите е, че съдържанието на страница е видимо само за браузъра, но не и на сървъра, начинът на проследяване на роботите може да ги накара да не видят някакво съдържание или че някои връзки се провалят, тъй като роботът не може да разбере JavaScript, който е много сложен .
Google непрекъснато усъвършенства възможностите за пълзене на Ajax и Javascript на своите роботи, докато Bing и Yahoo не се развиха много.
Дори търсачките не могат точно да представят най -подходящото съдържание за заявка за търсене, така че прекомерната употреба на тази технология може да доведе до лошо позициониране в резултатите от търсенето.
Примери за html елементи и блокове, подобряващи SEO
Ако трябва да създадем блок, нека приложим семантични имена към класовете, тоест с смисъл, който описва съдържанието:
Пример за блок, който показва някакво съдържание По -добре би било да се даде по -семантичен смисъл на всеки блок от html код, за да могат роботите да разберат какво съдържание ще покажат: Ясно е, че структурата може да бъде проследена, дори ако съдържанието не е генерирано в HTML. Тъй като семантичното маркиране съдържа ключови думи, важно е да се използват подходящи HTML тагове за съдържанието, когато се съмняваме, че можем да се консултираме с ръководството на W3school Html.
Подобно на подредените или неподредените списъци, една от целите на списъците с дефиниции е да се покаже списъкът с целево съдържание, както в горния случай, това може да са новини или списък с продукти. Това позволява по -голяма плътност на ключовите думи, по -малко натрупване на код.
Един от най -важните аспекти е, че съдържанието, което Javascript генерира за потребителя, е същото съдържание, абсолютно същото като това, което се показва на търсачките или роботите за търсене.
Google посочва като възможно решение, че ако нашият уебсайт включва технологии, които търсачките нямат достъп или не могат да интерпретират, като JavaScript или Ajax, тогава ние трябва да използваме описателен текст или отметки, така че тези елементи да могат да показват какво съдържание ще съответства. като по този начин се подобри достъпността на сайта. Много потребители използват мобилни устройства, нестандартни браузъри, остарял софтуер и бавни връзки, така че могат да имат проблеми при гледане на съдържание или използване на някои функции.
Връзки и параметри по URL
Google предпочита да използва хашбанг като параметър в URL адрес, защото по този начин ще ви бъде по -лесно да интерпретирате връзките си, когато предаваме hastabang на сайта като параметър.
Широко използван пример е на уебсайта на Twitter. Google го използва, за да запази и поиска съдържанието на тази статична страница. За да покажете какво съдържат пренаписаните URL адреси, ето няколко примера:
Този URL адрес, генериран от някаква заявка, е по -добър и по -семантичен SEO
www.miweb.com/#!madrid/productos
Тези два URL адреса са по -трудни за разбиране от роботите, но без съмнение последният подобрява донякъде семантиката.
www, miweb, com /? tmp = madrid / products
www.miweb.com/?ciudad=madrid&seccion=productos
Стига да можем Семантичен SEO към генерирано съдържание и показване на същото съдържание, което потребителят би видял в търсачките, това не е голям проблем.
Плъзгащи се ленти за навигация и раздели
В случай на разпределение на съдържанието в раздели, където съдържанието се променя с помощта на jquery или друга рамка в зависимост от раздела, в който се позиционираме, трябва да има независим URL адрес за всеки раздел, когато потребителят кликне върху раздел, заявката може също така да бъде направено на сървъра, за да генерира напълно ново съдържание. Структурата на всяка връзка може да бъде нещо като:
www.miweb.com?tab= продажби
www.miwebe.com/?tab=clientes
www.miweb.com/?tab=productos
Номерът с разделите се произвежда с CSS и Javascript, сървърът връща съдържанието на всички раздели с заявката за първа страница. Когато потребителят кликне върху раздел, класовете, определени в CSS, карат браузъра да скрие съдържанието, свързано с раздел и да показва само съдържанието, свързано с щракнатия раздел, докато останалите са скрити, но те са в кода. , така че е добре да се даде смислов смисъл на структурата.
Също така е много важно да не позволявате обхождането на Javascript или CSS файлове в robots.txt на нашия уебсайт, тъй като това може да навреди на позиционирането и индексирането на вашето съдържание и може да доведе до провал на статистиката за обхождане.
Едно от насоките на Уебмастър на Google Той изрично казва да не се допуска проследяване на тези файлове, но нито да се блокират или скриват от ботове.
Инструменти за уеб администратори на Google за проверка и анализ на обхождането
Инструменти за уеб администратори на Google ни дава възможност да информираме google, като потвърдим собствеността върху нашия уебсайт. Моля, влезте с вашия акаунт в Google или Gmail и след това можем да проверим нашия уебсайт.
Роботът отнема около две седмици, за да се покажат връзките правилно в Google Търсене.
Няма лесен начин да се уверите, че всичко работи, но има някои инструменти, които да ви помогнат да видите какво се случва. Най -доброто е да използвате инструмента Explore as Googlebot, който ни показва точно какво вижда Google при обхождане на уебсайта. Можете да получите достъп до Google Инструменти за уеб администратори в Диагностика.
С помощта на инструментите на Google за уеб администратори можем да проверим индексираните връзки и да коригираме или премахнем тези връзки, така че вашият уебсайт да е оптимизиран за търсачките и да има връзки без опасност от наказване, които помагат за подобряване на SEO, наред с други функционалности.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
