Блог за уеб технологии, маркетинг и SEO, мотивация и продуктивност
Как да направим структурата на сайта си удобна за посетителите и оптимизирана за Google
Искаш да създадеш професионален блог или сайт. Тогава трябва да започнеш от архитектурата, по която ще градиш информацията. След като си избрал нишата и аргументите, които ще развиваш, следващата стъпка е да определиш структурата на сайта си.
Структурата на един уебсайт е важно нещо, не бива да се тръгва с лека стъпка. Трябва сериозно обмисляне, защото пътищата за промяна после са малко по-сложни. Да се променят URL адресите се отразява зле на сайта от гледна точка на репутацията му. Затова едно от най-важните качества на една добре проектирана архитектура е трайността във времето.
Важността на структурата на сайта
Добрата структура улеснява читетеля да открива лесно ресурсите, има голямо отражение върху User eXperience – UX. Ако потребителят се движи лесно между публикациите или продуктите и открива тези, които му трябват, той по-лесно става клиент. Основната идея е да се улесни този, който е дошъл върху сайта ти. Да не го караш да мисли твърде, когато трябва да търси нещо. И в същото време да улеснява автора в разполагането на материала.
Структурата на сайта/блога го представя пред Google в най-добрия му вид. Google я използва, за да определи кое съдържание е важно и кое не толкова. Колко е важна структурата за търсачката можем да преценим и от ръководството Search Engine Optimization (SEO) Starter Guide, в което е обърнато голямо внимание на въпроса.
Чрез създаването на добра вътрешна структура може да се използва собственото съдържание, за да се разпространява т.нар. „link juice“ към други страници на сайта. За търговски сайт e много важно да има блог към него, защото чрез съдържание му и връзките ще се подобри позиционирането в търсачките на страници, свързани с предлагани продукти и услуги.
Опростената структура означава по-добро обхождане от уеб роботите като Google bot. Целта им е да индексират съдържанието, за да го върнат в резултатите от търсенето. Колкото е по-лека структурата на сайта, толкова по-лесно те имат достъп и индексират съдържанието. Затова са необходими и Sitemaps. За сайтове с елегантна, проходима структура се съкращава времето за достъп, обхождане, индексиране и връщане на страниците.
Инструменти за създаване на структурата
Ако проектът на сайта е по-сложен, за анализ и обмислено структуриране трябва да се използват мисловни карти. Или схеми, които да помогнат за изясняване на концепцията и тръгването от общото – нишата, темата, към конкретното – страници, категории и подкатегории, статии и продукти.
Кои са инструментите за такива случаи? Има различни безплатни и платени програми за мисловни карти – mind maps. Изброявам някои от тях: Bubbl.us, MindMeister, Mindmup, Coggle, Mind42, Mindomo, Lucidchart.
Пример със структурата на известния сайт Kissmetrics, която нагледно представих онлайн с Bubbl до дълбочина подкатегории.
Когато разработваме нов сайт или го актуализираме, е много полезно да начертаем новата вътрешна структура с някои от примерните показани графични инструменти или дори с Excel. Започваме с разбиване на съдържанието си по начин, който има логически смисъл.
Да планираме йерархията на сайта си
Скелетът на сайта трябва да се организира около една начална страница, която след това се свързва към подстраници. Има вид на дърво с корен, клони и под-клони. И според SEO експерти най-добра е дървовидната или също наричана пирамидална структура. Започваме от начална страница, от корена и създаваме различни клонове. Отиваме на статична страница или на категория и т.н. докато стигнем до публикациите или продуктите – крайните разклонения.
Важно е да се планира йерархията на сайта, преди да бъде създаден, така че страниците му да не се окажат безразборно разхвърляни.
Идеята е да се направи дълбочина с максимум три кликвания от началната страница по отношение на навигацията. От категория до публикация. Или от категория на подкатегория до публикация.
Целите и ползите са три:
- Улеснява потребителя, който иска да достигне до една публикация или продукт;
- Помага на търсачката да открие всичките ресурси;
- Разпределя по-добре силата на входящите връзки (link juice).
Навигационно меню
Започва се от него.
Правила за създаване на отлично навигационно меню
То трябва да има определени характеристики и да изпълнява следните критерии:
- Да е интуитивно: да не създава трудност за потребители и клиенти. Да намират нещата, там където се очаква.
- Да е функционално: да достига до всички страници и да позволява лесен достъп до всяка точка.
- Да е пълно: съществуват конвенционални страници, немислими за всеки сайт, освен динамичното сърце – блога.
В помощ са и тези шест стъпки изложени в „Изкуството на SEO“ – „The Art of SEO„:
- Посочваме всички необходими страници със съдържание (блогове, статии, страници с подробности за продукта и т.н.)
- Създаваме навигация от първо ниво, която да съдържа всички уникални видове с подробно съдържание за типа.
- Работим по традиционния процес „отгоре надолу“, като започваме с подробно съдържание и продължаваме по пътя към организационната структура, която да съдържа всяка страница.
- След като се уточним за дъното, попълваме средата. Изграждаме структура такава, че да свържем страниците от най-високо ниво с подробно съдържание. На някои места може да няма нужда от средно ниво, докато в по-големи обекти може да са необходими две или дори три нива на навигация.
- Включваме вторични страници, като например авторско право, информация за връзка и други данни.
- Създаваме визуална йерархия, която показва до последното ниво всяка страница на сайта.
Дефинираме структурата
Най-напред да си изясним разликата между статична страница и динамична страница.
Динамична и статична уеб страница
Статичната страница е уеб страница с фиксирано съдържание, като страницата за контакти, страницата „за нас“, началната страница в сайтовете и някои блогове, където се появява изображение и менюто за навигация.
Страниците с фиксирано съдържание (статични), не e трябва да се актуализират редовно a само тогава, когато е необходимо (например, когато променим имейл адрес на страницата за контакти).
Динамичната страница е страница с постоянно променящо се съдържание, например блога.
Конвенционалното навигационно меню трябва да съдържа определени страници. За повечето уебсайтове менюто започва с елемента „Начална страница – Home“ и завършва с елемента “ Контакти“.
Начало – Home
Началната страница е витрината на уебсайта. Може да се да използва динамична или статична домашна страница.
В първия случай става въпрос за използването на блога директно като начална страница.
Сайтовете обикновено имат статична страница. В нея може да се вмъкне фоново изображение, навигационното меню и уводния текст, който представя уебсайта.
За нас / За мен
Това е страницата, на която се представяме, нас и дейността, екипа.
При създаването на страницата обикновено се следва подобен модел:
- За решаването на какви проблеми помага сайтът?
- Кой си ти? Кой е с теб?
- Клиенти? Партньорства?
Услуги
Ако сайтът предлага услуги, трябва да се създаде специална страница.
Например, ако сайтът предлага онлайн курсове за оптимизация, ръководства, настройване на сайтове и др. страницата на услугите трябва да съдържа цялата информация.
Ресурси
Полезно съдържание за консултиране или сваляне.
Контакти
Задължителни. Това е директната връзка с потребителите.
Политика на сайта/блога
На тази страница авторът задава своите условия за ползване на материала, въпроси с авторски права, декларации и др.
Политика на бисквитките
На тази страница се помества Декларацията за поверителност – този документ, който описва как сайтът събира и използва личните данни на нашите потребители. Сайтът/блогът, в неговата цялост трябва да е в съответствие със закона. Когато ние, чрез нашия сайт, можем да се сдобием с лични данни на хората, се изисква:
1 – те да бъдат информирани за това;
2 – да е поискано съгласието им, преди да регистрират данните си.
Описва се с какво се занимават „бисквитките“ (cookies) и каква информация събират, как да се деактивират и т.н.
Задължителна страница.
Карта на сайта
Представлява визуалната йерархия, която показва до последното ниво всяка страница на сайта. За да не заема място в основното навигационно меню, може да се постави линк към нея в долния колонтитул – footer.
Блог
Той е сърцето на сайта. В него са всичките ни публикации.
Ключовите характеристики на блога са категориите.
Таксономия на сайта
Таксономията на сайт (web site taxonomy) е логическа класификацията на аргументите. Класифицираме ги по категории и по таг – етикети.
Разлика между категориите и етикети
Категориите са тематични групи, а етикетите са ключови думи.
В категориите изборът на публикации се развива вертикално.
В етикетите изборът на публикации се развива хоризонтално. като се търси по всички категории.
Категории
Категориите могат да се разбират като таксономиите, които трябва да групират основните теми на сайта. В един примерен сайт за продажба на мебели, можем да изберем следните главни категории – Продукти и Стаи:
Етикети
Етикетът е таксономия, която трябва да класифицира общото съдържание в категориите.
Като се върнем към горния пример, полезни етикети за класифициране и организиране на съдържанието могат да бъдат: chairs, lamp, mirror, curtain, sofa – столове, лампи, завеси, дивани.
Обмисляне на таксономията
- Категориите трябва да имат подобни размери. Ако една категория стане твърде голяма, защото имаме познания повече по нея, тогава по-добре да я разделим на две.
Целта при оптимизиране на структурата е да се направи балансирана фигура, която прилича на пирамида. (Така е в примера по-горе с Kissmetrics.com).
Ако установим, че категория Category1 е твърде голяма, трябва да разгледаме и трафика, генериран от отделните подкатегории. Например, ако Google Analytics показва, че най-много трафик в Category1 се генерира от Subcategory3, може би е по-добре да се извлече Subcategory3 и да я направим отделна категория.
2. При обновяването на сайт е добре да знаем, че изтриването на страници (категории, подкатегории) с ниско качество помага да се увеличи средният резултат за сайта.
3. Трябва да бъдем внимателни да не поставяме една публикация в няколко категории.
Например, ако сайтът има две категории: „Маркетинг“ и „SEO“ и се пишат главно публикации на тема SEO. Тези публикации са означени, че принадлежат и на двете категории. Когато потребителите решат да се свържат с категорията, те могат да се свържат с „Маркетинг“ или „SEO“ и ако предпочитат да се свържат със „SEO“, ще загубим важни връзки. Ако конкурентът ни не използва подкатегорията „SEO“, тогава ще има по-добро класиране на категория „Маркетинг“ от нашето, при търсене на публикация на тема SEO. Същото се получава и с етикетите.
4. Създаването на твърде много етикети (тагове) не е добра практика. Влошава значително структурата. Ако добавяме уникален нов етикет към всяка публикация, ше получим дублиране, което търсачката наказва.
Например на следната схема показвам тази груба грешка:
В категорията Kitchen имаме публикация Lamp1 с тагове lamp1 и kitchen и публикация Lamp2 с таг lamp2 и kitchen. Тогава извикването на Lamp1 публикация и lamp1 таг ще ни изведат един и същи резултат. Т.е. имаме две страници еднакви, което Google възприема за дублиране. Аналогично с Lamp2 и lamp2. А тагът kitchen дублира категорията Kitchen, което също не бива да се случва.
Всеки етикет (tag) трябва да се използва най-малко два пъти, за да съществува като необходим такъв.
5. До седем – осем категории от най-високо ниво е максималният желателен брой, за да се запази фокуса на сайта и да бъде елегантна структурата.
6. Ясно е, че трябва да създадем тагове и категории така, че да не се канибализираме и да не сме в конфликт. Няколко основни правила:
- Използване на категория за всяка публикация.
- Въвеждане на два или три тага (етикети) максимум във всяка публикация.
- Да не се създават етикети и категории, които са подобни.
- Да не се въвеждат таксономии, които няма да се използват в бъдеще.
(adsbygoogle = window.adsbygoogle || []).push({});
Ключови думи и структура на сайта
Ако искаме да създадем печеливш блог, трябва да работим върху издателския план и да заложим на търсенето на ключови думи.
Търсенето на най-важните ключови думи за проекта е от съществено значение, за да се разбере как да се оптимизират търговските страници (тези, от които ще продаваме). Но и как да се структурират таксономиите на блога.
Категориите трябва да се определят така, че да отговарят на интереса на потребителите. За това могат да се използват много инструменти като Google Trends, Keyword Planner и други платени и безплатни, с които да се оцени обема на търсене по даден аргумент.
Структура на URL
За добре структурирания сайт е необходимо да се използват URL SEO-friendly, т.е приятелски настроени към търсачките. Това означава да са описателни. Потребителите и търсачките да могат да разберат къде се намират само по URL. Оптимизираният адрес на страница позволява да се отиде на по-високо ниво, отрязвайки последната част от него. В URL трябва да се избягват стоп думите, специалните символи, препинателни знаци. Като разделител се ползва знакът минус –.
Структурата на URL адреса за горната схема с Kitchen ще изглежда така:
www.ikma.com/rooms/kitchen
Въобще от гледна точка на URL, за един сайт е важно:
- името на домейна да е лесно запомнящо се, но и да има смисъл;
- кратки URL адреси, но и да са структурирани и значещи;
- URL адреси, които да визуализират структурата на сайта;
- URL адреси, които са „hackable“, за да позволят на потребителите да се преместят в по-високи нива на информационната архитектура чрез хакване на края на URL адреса;
- постоянни URL адреси, които не променят.
Използване на вътрешните връзки
Вътрешни връзки са хипертекстуални връзки, които излизат от и водят в един и същ домейн. С други думи един вътрешен линк е този, който води към друга страница на същия сайт, в който се намира.
Използването на вътрешни връзки е с двойно голямо значение – то носи удовлетвореност на потребителите, затова че са успели да задълбочат и да си изяснят темата и помага за SEO оптимизацията на страниците. Колкото повече една страница получава вътрешни връзки, толкова повече се увеличава рангът й и от гледна точка на търсачките – помага им (насочва Google бот в навигацията към страниците на уебсайта) да разберат какво е важно, като им показва какво е свързано.
Има два вида вътрешните връзки, тези от целия сайт (глобални, присъстващи в страничната лента, в менюто, в долната част след публикацията) и присъстващи само в съдържанието. Вторите именно са идеалният вектор, който специално насочва потребителите от едно съдържание към друго.
Пример за код:
<a href="http://www.samedomain.com/" title="Text text keyword"> Text keyword </a>
– използване на ключови думи в anchor текста, за да се даде идея за какво става дума или за ключовите думи, към които изходната страница дава направление.
За пример направих скрийншот на част от публикация на Moz.com:
Добавяме breadcrumb за сърфиране
Breadcrumbs са помощ в сърфирането за потребителите и търсачките. Те позволяват да разберем в кой раздел на сайта се намираме. И още осигуряват директни връзки към основните страници от дървовидната му структура.
Google може да интерпретира т. нар. следи от трохи (навигационни пътища) – breadcrumbs , за да представи тази информация на страницата с резултати от търсенето:
Заключение
Как да подобрим структурата на даден сайт?
Структурата на сайта е продукт на внимателно мислене, дизайн и точна организация. Най-доброто време за създаване на силна структура е, преди да е създаден сайта. Ако го преработваме, можем да реорганизираме някои навигационни елементи, за да ги подобрим, а също и SEO.
- Ако се налага да се премахнат стари страници от уебсайта, например на магазини със спрени продукти, но имаме добри връзки към изтритото съдържание, трябва да пренасочим URL адреса (redirect 301). По този начин старата страницата вече няма да пречи на структурата на сайта.
- Ако сме подновили структурата на нашия сайт, да не забравяме отново да изпратим XML Sitemap на Google Search Console, за да съобщим новината на Google.
- Простотата на структурата винаги печели. Не трябва да се прекалява с връзките в навигационната лента. Да се уверим, че важното съдържание е изявено добре и да направим страниците си лесни за достъп.
Източник на основното изображение Pixabay.com.
Това е един безспирен процес, от който разбира се има безкрайна полза…
Който не следи актуално ли е съдържанието, дали има счупени линкове в сайта си, как го индексират търсачките – не знае какво се случва на собствения му сайт… При добро желaние и средни технически познания с компютрите – всеки може да постигне добри резултати.
Благодаря за коментара. Да, вярно е. Трябва си хубаво обмисляне и доста работа. Комплименти, хубав и удобен сайт Decada.com с богат асортимент!
Thanks for the feedback, Cubert!