ПРОЕКТИРАНЕ НА УЕБ ДИЗАЙНА НА УЕБ САЙТ
1. НАВИГАЦИЯ В УЕБ САЙТ
Навигацията трябва да бъде организирана по един и същ начин в целия уеб сайт. Тя трябва да бъде елементарна и ясна, а за да се постигне съвместимост с всички браузери трябва да дублираме графичната навигация с текстови връзки.
За да могат потребителите да имат контрол в своето предвижване, навигационните инструменти следва да бъдат подчинени на логиката на уеб дизайна. Използвайки етикети за множество уеб страници, обединени по някакъв признак, потребителят трябва да знае къде се намира.
Трябва да се дефинират специални названия за всяка специализирана област за по-лесното им идентифициране. Също така не трябва да се увличаме при използването на сложна графика, защото в повечето случаи и елементарният етикет под формата на единична дума върши работа. Тъй като сайтът е видим навсякъде по света, има опасност графичните символи да имат различно значение в различни държави и уеб дизайна да не се възприеме правилно.
Навигацията или менюто във вътрешните страници трябва да се разположи хоризонтално или вертикално, в началото, в края на страницата или отстрани. При някои уеб сайтове навигацията се решава с DHTML, FLASH или jQuery елемент, което я прави елегантна и значително по-атрактивна, но разбира се тя трябва да бъде съобразена с размера на страницата като обем на файла.
Допълнителната навигация, водеща към допълнителните страници като авторски права, форма за обратна връзка, търсене, помощ и други както и тези, в самата страница бутони или линкове също допринасят за добрата функционалност на страниците в частност и на уеб сайта като цяло.
Сполучливото дизайнерско решение прави менюто не натрапващо се, като акцента остава върху съдържанието на конкретната страница, и в същото време позволява лесно преминаване към останалите страници в уеб сайта.
Тенденциите в уеб дизайна в последните години е навигацията да е графична, с типичните за трето поколение – динамични и обемни елементи, да се решава в чисто текстов или комбиниран вариант. За някои сайтове допълнителните страници се решават в графични линкове като малки икони или бутони. Решенията относно навигацията на уеб сайта трябва да бъдат прецизно разгледани и подбрани, с оглед постигане на максимална функционалност на сайта и успешно, удобно, ненатрапчиво присъствие на уеб дизайна.
Необходимо е всяка страница да има минимум един линк. Страници без връзки водят до отегчение като “усещане за задънена улица” и потребителя е насърчен да напусне уеб сайта. С линковете трябва да се внимава, защото основните връзки, които е желателно да се поставят на всяка вътрешна страница, са тези към началната и главната за дадения раздел страници. Линковете вътре в сайта трябва да са в помощ на потребителя, а не да го объркват с големия избор, който му предлагат. При външните линкове е необходимо посетителя да е наясно, че му предстои да напусне сайта, в който е бил до момента.
Понякога се прилага техника, при която линк се отваря в нов прозорец на браузъра, вместо в текущия или така наречената техника “open in new window”, реализиран с помощта на параметъра Target. По този начин се дава възможност на потребителя да ползва съдържанието и на двата екрана. Но от друга страна ако потребителя отвори повече връзки той може да загуби връзката между тях и да се отегчи. Ето защо опцията “open in new window” не бива да се прилага за връзките на вътрешните нива на уеб сайта, а що се отнася до външните линкове “open in new window” е правилното решение за тях, за да може потребителя едновременно да отвори предлагания му линк и да остане на сайта, с който работи.
Навигацията или менюто е един от задължителните елементи на уеб сайта. Тя е част от неговата функционалност, но в същото време е част от неговия уеб дизайн. Тя дава възможност за удобно преминаване от една рубрика в друга и за ориентация за текущо посетената страница. И като се има предвид, че тя ще присъства на всяка една страница, оказвайки влияние върху нейния уеб дизайн, е ясно, че навигацията е един от най-важните елементи на уеб сайта. От това доколко функционално е създадена и какви възможности ще предоставя ще зависи като цяло от посещаемостта на сайта и различните негови части. От нея зависи дали публикуваната информация ще бъде достъпна и лесна за използване.
На първо място, менюто трябва да е ясно и разбираемо за новите посетители и затова по тази причина навигацията трябва да не е обременена със специфични и неясни думи и съкращения. В същото време дългите изречения в менюто са неподходящи както от гледна точка на уеб дизайна, така и от гледна точка на възприемането им. От това става ясно, че изборътна думите за менюто ще бъде труден и отговорен и затова би било полезно да се проучи мнението на няколко потенциални потребителя.
На второ място стои въпросът, че менюто трябва да е ясно и разбираемо за редовните посетители на уеб сайта за тези които вече добре познават неговата структура и обща информация, и ползват предимно новите неща в него. В крайна сметка първото изискване обикновено довежда до включване на страница с карта на уеб сайта, което е най-добрия ориентир за новите потребители, а второто до включване на рубрика “какво ново”, за да спести на редовните посетители безцелно лутане из познатата информация.
Често срещана практика е в уеб сайта да има не една, а две и дори три навигации. Например ако уеб сайтът е информационен, неговата основна навигация ще представя различни рубрики под които данните са структурирани. Но в много случай е удачно включване на втора спомагателна навигация, която води към информация за авторите, за уеб сайта изобщо. Когато има повече от една навигация е прието, за да не се бъркат структурно, да бъдат разположени в различни направления една хоризонтално другата вертикално. Възможно и употребата на падащи менюта, реализирани с форми или DHTML, възможно е и решение с две вертикални навигации едната в ляво другата в дясно, тоест на място което е достъпно веднага след зареждане на страницата. Още трябва да се спомене, че потребител когато е достигнал до края на страницата той трябва да продължи на някъде за това би било удачно отново да му се предложи навигационна лента. В противен случай той ще бъде принуден да се придвижи обратно нагоре, а това води до загуба на интерес. Навигацията, която стои най-долу на страницата, може да бъде алтернативна на основната, или просто сбор от трите най-важни линка нагоре, начало и контакт, но в повечето случаи тя е текстова.
1.2. Видове навигация
1.2.1. Текстова навигация.
Още с появата на уеб страниците, с тяхната основна характеристика – хипервръзките, се появяват и първите менюта, които на този етап са под формата на текстови връзки в началото или в края страницата.Идеята е заимствана от съдържанието на книгите и по тази причина в ранния етап от развитието си навигацията силно го наподобява. Когато се говори за първо поколение уеб сайт се подразбират предимно текстови страници, свързани с подобни текстови линкове. Текстовата навигация е удобна по няколко причини:
Прави се много лесно и също толкова лесно се поддържа.
Достъпна е за всички потребители, независимо от версията на бразъра им.
Пълното зареждане на страницата от мрежата става изключително бързо.
1.2.2. Графична навигация.
С развитието на Интернет се оказва, че текстово базираните уеб сайтове не са достатъчно привлекателни за посетителите. Печеливши станаха тези, които наблегнаха на уеб дизайна, въпреки че изчакването до пълното им зареждане беше многократно по-дълго. Тази тенденция бе подпомогната и от увеличените възможности за бърз пренос на информация в мрежата.
Като се изходи от основната характеристика на Интернет-потребителите, а именно, че са нетърпеливи, може да се предположи, че бързо зареждащите се уеб сайтове би трябвало да са по-предпочитани, но това не точно така. Тяхната нетърпеливост кара потребителите само да прехвърлят на пръв поглед текстова информация, а се спират на добре изглеждащите дизайни, богатите на графично съдържание. По тази причина много бързо се премина от текстова навигация към уеб сайтове с графична, с което се появиха бутоните, които имаха за цел да имитират истински бутони с релеф, сянка и проблясъци. С това може да се каже, че се премина от едната крайност към другата, понеже натоварени с големите и понякога премигващи менюта, уеб страниците станаха не само бавни, но и тежки визуално. И с това настъпи ерата на второто поколение уеб сайтове.
След като двете крайности бяха очертани, се започна търсенето на “златна среда”, на онова съчетание на текст и графика в навигацията, което да олекоти уеб сайта като едновременно с това го запази атрактивен от където се тръгна в две посоки. Първата посока е свързана с това, че бутоните от тежки и груби, постепенно станаха елегантни, почти незабележими и най-накрая съдържащи само текст обработен с някакъв ефект. На практика с това се осъществи връщане към познатата текстова навигация в малко по-елегантен вид. Втората насока на развитие бе към изчистване от ненужното – графично съдържание, което бе заменено от графична символика. Това стана част от търсенето на правилния подход към посетителя на уеб сайта как той да бъде привлечен и заинтересован, да попадне на навигация, която от една страна ясно и интуитивно да му даде възможност да намери нужната информация, като от друга него затормозява с излишни стъпки. Така се постави началото на третото поколение уеб сайтове, които освен леки и бързи за зареждане, съумяха да останат атрактивни и интуитивни, с оригинален уеб дизайн.
1.2.3 Flash навигация
С появата на Flash технологията, която предлага голяма степен на интерактивност, позволи на уеб дизайнерите да правят менютата много по-атрактивни и функционални. Появиха се дори цели сайтове само с Flash, но се появи един основен проблем бавното им зареждане. Това се дължи на факта, че цялата информация се намира в един единствен файл, който въпреки Flash – оптимизацията става много голям. За определени уеб сайтове като артистични или лични страници това е допустимо, но при фирмени и информационни Flash – решенията се използват рядко. Flash-навигацията крие известен риск да направи уеб сайта неизползваем за някой потребители, ако техните браузъри не е поддържат. По тази причина обикновенно се разработват две версии на уеб сайта и едната от тях е с обикновена текстова или графична навигация. Избора между версиите може да става ръчно или автоматично с помощта на Java Script, който проверява възможностите на браузъра.
1.2.4 Навигация с форми
Става дума за така наречените падащи менюта, реализирани с форми и по-точно с употреба на тага < SELECT >. Тяхното предимство е че заемат много малка част от екрана и в същото време са атрактивни като начин на действие. Техния основен недостатък се крие в това, че уеб дизайна на този тип менюта не може да се управлява, те винаги изглеждат по един и същ начин, характерен за обекта Select. Новите версии на браузъра Internet Explorer дават възможност с помощта на CSS да се внасят известни промени, но тъй като това не важи за другия основен браузър Netscape Navigator, използването им в различните от стандартите изгледи изглежда почти не се практикува. Като цяло падащите менюта, реализирани с форми, се използват рядко от една страна поради грубоватия уеб дизайн, а от друга поради по-трудното им създаване, което изисква JavaScript.
1.2.5 Навигация с фреймове.
Въпреки многото противоречия около употребата на фреймовете изобщо, те най-често се срещат в случаите, когато е необходимо навигацията да е самостоятелна по отношение на останалото съдържание на уеб сайта. С помощта на фреймовете (frаmes) екранът на браузъра се разделя на няколко самостоятелни и независими една от друга части. Във всяка от тях се зарежда отделна уеб страница и следователно общия уеб дизайн вече е резултат от съчетаването на съдържанието на две или повече уеб страници. Отделните части на разделения екран имат самостоятелни скролбарове, тоест когато се предвижвате в едната част другата не се движи. Именно по тази причина изнасянето на навигацията в отделен фрейм се използва често, особено при уеб сайтове за електронна поща, където е най-удобно е менюто да не се движи, докато се чете дадено писмо. Все пак не бива да се забравят недостатъците, които носи употребата на фреймове като труден контрол върху уеб дизайна и лоша ориентация за потребителите.
Ползването на фреймове има някои предимства, но също така и доста недостатъци.
Основните недостатъци са следните:
• страниците на уеб сайта не се индексират от популярните търсещи системи, с изключение на първата страница. Това е така поради обстоятелството, че страницата описваща фреймовете не съдържа линк от вида и търсещите роботи, не могат да попаднат на вътрешните страници. Необходими са допълнителни усилия за да се избегне този проблем.
• в случай, че потребителя попадне не на първата страница на уеб сайта не съществува способ по който може да се придвижи до главната страница на уеб сайта, като изключим ръчното редактиране на адреса от адресната лента на браузера.
• поради това, че фреймовата структура придава точно определен външен вид на страницата, това води след себе си до еднообразие.
• ако потребител попадне на много интересна статия във страница заредена във фрейм, и желае да я добави към своя колекция от сайтове или да даде адреса на друг, той не може да го направи, защото фреймовете скриват истинския адрес на страницата.
• проблем е обработката на страниците съдържащи фреймове от различните версии на браузерите.
Всъщност съществуват много малко задачи, които не могат да се решат без използването на фреймовете. Те не се справят със задачата по улесняване на създаването на механизми за навигация по уеб сайта. За тези цели спокойно може да се използва технологията SSI.
Фреймовете са подходящи в случай че е необходимо бързо да се създаде уеб сайт и всички страници вече са готови, но няма време и желание за тяхното преработване. Също така се използват, когато част от страницата е необходимо непрекъснато да бъде на разположение на потребителите, като при меню например.
1.2.6 DHTML
Поради обстоятелството че за цялостния уеб дизайн възможностите на Flash са необходими, както е необходимо и навигацията да е извън него, се появи и най-новото поколение уеб сайтове, съчетаващо всичко това – Flash интродукция или просто Flash елемент някъде в страницата плюс графична или дори текстова навигация, но този път раздвижена с помощта на DHTML. Вече е ежедневие в Интернет да се срещат падащи менюта (имитиращи всъщност конвенционалното меню в Windows, с което всички са свикнали) и движещи се панели с навигация и при това – текстова. Поставени в разграфена таблица текстовите линкове много силно напомнят за бутоните, а чрез употребата на DHTML те започват и да реагират по най-неочаквани начини.
С развитието си уеб дизайна се оказва отново там, от където е тръгнал, но този път обогатен с нови технологии, съчетаващи в себе си добрите страни на всички предхождащи ги. Оформянето на навигацията в уебсайта е една от най-отговорните дейности, а избора между текстовата или графичната версия изглежда по-труден от всякога. Но така е само на пръв поглед, понеже в действителност няма значение дали са използвани графика или текст, ако това е направено както трябва и с усет за естеството на Интернет.
С помощта на DHTML се създава много гъвкава навигация тя отново е текстово базирана, но този път може да реагира по всевъзможен начин на действията на потребителя, като да се появява и изчезва с движение, да имитира падащо меню, да се пренарежда според избраното, да се появяват нови менюта за избор в рамките на същата уеб страница, без тя да се презарежда.
Планиране на уеб сайт.
Проектирането на добър уеб сайт е сложен, скъп и трудоемък процес. За да се постигнат желаните цели, анализаторите и проектантите трябва да са запознати с всеки едни аспект на проблемите и тенденциите в областта, да са наясно с текущите технологии и потребители, да се съобразяват с нуждите и бюджета на фирмата, да планират бъдещото развитие на уеб сайта – все неща от ключово значение, към които се подхожда много внимателно от истинските професионалисти.
Уместно е първо да се започне с първичното планиране на уеб сайта.
Когато е направен както трябва, всеки план за проект ще улесни в огромна степен задачата по пускането на уеб сайта. Тук идва правилото за “простотата” с която трябва да са съобразени сайтовете. За да се започне с планирането трябва да се знае коя е аудиторията, за която ще е предназначена страницата.
Кои ще бъдат потребителите?
Често се споменава, че всеки потребител е уникален по отношение на своите цели при посещение на даден уеб сайт, че класифицирането на потребителите е почти невъзможно, заради индивидуалността заложена във всеки от нас.
Но може да се направи ценно обобщение:
“Когато някой посещава даден уеб сайт, той търси едно от следните три неща: информация, забавление или услуга.” - David Siegel
Тази квалификация може да се използва по следния начин:
- Търсещият информация търси нещо конкретно и ще продължи да търси докато не достигне състояние на успех (или неуспех).
- Търсещите забавления имат по-скоро очаквания, отколкото цел и ще продължат да сърфират из уеб сайта, докато тяхното очакване не бъде задоволено.
- Посетителят, нуждаещ се от дадена услуга (тук могат да се включат и стоките) трябва да бъде насочен директно към обекта на неговата дейност.
Тези цели на потребителите ще окажат влияние върху планирането на уеб сайта. След като се установят тези приоритети, ще се поставят граници към процеса на дизайн. Така проектът става по-лесен, намаляват се разходите за създаване и поддържане на ненужни елемети и се получава доста по-изчистен, лесен за употреба, интуитивен уеб сайт.
След като целите на аудиторията бъдат класифицирани съгласно предходния списък, идва необходимостта да се намерят демографските данни или да се направи хипотеза относно тях. Те ще насочат към подходящия външен вид и дела на използваните браузъри.
Проектиране спрямо насочеността (вида) на уеб сайта
Следват примери, основани на един повърхностен преглед на няколко конкретни случая при които се изхожда от насочеността (вида) на сайта.
Сайт на правителствена организация или на такава с идеална цел. Традиционно оформление в две колони, с малко на брой цветове, направено така, че да се зарежда от възможно най-разнообразни браузъри, като се отделя особено внимание на бързото зареждане.
Портален уеб сайт. Порталните сайтове са организирани като цяло в семпъл стил, с малко картинки, за да могат да се зареждат максимално бързо. Полето за търсене задължително присъства на заглавната страница. Линковете са тематично подредени в ляво или от двете страни на уеб сайта. Новините са в средата.
Уеб Сайт за електронна търговия и реклама. Най-големият акцент трябва да се постави върху снимките на продуктите и в случая DHTML може да се окаже добра идея, ако добавя функционалност към потребителския интерфейс на сайта, в зависимост от стоките, които се продават (примерно, електроника). Ако ще има много и големи файлове, по добре е да се направят така, че да заслужат времето на потребителите като съдържат информация, полезна за потребителите стремящи се към определна цел при използването на сайта.
Развлекателен уеб сайт (архив за музика или за анимация например). Феновете на мултимедията обикновено са опитни потребители или студенти, което налага последната дума на техниката да присъства при разработката. Потребителите ще очакват привлекателен интерактивен дизайн с възможности за търсене на информация и файлове. Независимо от аудиторията и целта на един сайт, той ще изисква специфичен подход към избора на оформление, графичен дизайн и информационната архитектура.
Личен уеб сайт. Тук създателите могат да правят каквото си искат стига да задоволяват целите си. Например сайт, на който се намира личната биография на човека трябва да е добре издържан, стегнат и семпъл.
Кой подход е най-добър според обстоятелства?
На този въпрос най-лесно може да се отговори чрез провеждането на някакви тестове или чрез съставяне на фокус група. Ако се заложи на собствените предположения за няколко предварителни дизайна и се покажат на вероятен член на целевата аудитория, то събраната информация от този опит най-вероятно ще бъде безценна. Тази стъпка трябва да бъде направена на възможно най-ранен етап на проекта.
След като вече има някаква обратна връзка за нещата, които е най-вероятно да привлекат и задържат аудиторията, ще трябва да се помисли за проекта от гледна точка на нуждите на разработчиците и програмистите.
Ще има ли да презентации или друго съдържание, изискващо специален софтуер?
Ако има съдъражние, което изисква Flash или други plug-ins[1], ще трябва да има връзка, от която потребителите да свалят необходимият им софтуер. Дори ако съдържанието изисква нещо толкова широкоразпространено (като QuickTime или Flash) ще трябва да има алтернативни версии за хората с бавни връзки. Ако е Flash презентация, ще трябва да се отдели специално внимание на ползваемостта.
Вероятно екипът дизайнери и програмисти имат нужда от специален софтуер, за да изпълнят проекта, като например content management system или програмен пакет за създаване на мултимедия. Изборът за използване на конкретно средство трябва да идва след като са направени подходящи проучвания за нуждите и ефективността от избраната технология. По този начин ще се отрежат ненужните разходи и време за работа.
Кои точно технологии ще се използват?
ASP, ColdFusion, PHP или JSP? С какъв софтуер ще бъде сървърът? Кои plug-ins ще се изисква от посетителите?
Избраните технологии по силите ли са на хората, които ще създават сайта?
Ако не, трябва да се подходи по-консервативно що се отнася до крайните срокове.
Необходими ли са допълнителн средства за пллатени фотографии или илюстрации?
Това е въпрос, към който трябва да бъде подходено от различни страни. В повечето случаи, няма да са необходими прекалено много фотографии или илюстрации, защото прекалено много изкуство в презентацията ще предизвикат ненужно объркване (ако не се отнася до уеб сайт за изкуство, разбира се). Общото правило в случая е, че ако са необходими, фотографиите и илюстрациите ако е възможно трябва да се вземат от професионални източници.
Какви да са изискванията към фирмата-провайдър?
Хостинг провайдърът трябва да има надеждни връзки и да осигури нужния трафик без да взема повече пари, отколкото клиентите могат да си позволят.
Съдържанието лесно ли може да бъде вкарано в база данни?
Малко задачи са по-трудоемки от сглобяването на малките парченца съдържание за един уеб сайт – особено ако трябва да се държат тези парченца разделени. От друга страна, ако сайтът няма да бъде променян често, вкарването му в база данни ще донесе повече трудности и разходи, отколкото си заслужава.
Какви ще бъдат нуждите на клиента от поддръжка след като уеб сайтът стартира?
Тук вече се намесва екипа програмисти (ако уеб сайтът, който трябва да се изработи ще се обновява постоянни). Те създават скриптове и бази данни, чрез които дори и незапознати с програмното естество хора могат да редактират до известна степен сайта. В повечето случаи това е доста бавен и скъпоструващ процес, който обаче може да се окаже изключително ефективен при по-нататъшната работа на фирмният уеб сайт.
Проектиране спрямо фирмената стратегия и концепции.
Как се вписва уеб сайта, който се създава в маркетинговия план на фирмата?
Ако трябва да отговаря точно, вероятно ще има нужда от информация относно цветовете и другите компоненти на корпоративния дизайн, които са били използвани в печатните им материали, така че сайтът да се превърне в естествена част от плана.
Има ли скица на уеб дизайна?
Ако в по-късен етап се реши да се внесат промени по облика и има такъв план няма да се наложи да се пишат темплейтите за страниците наново.
Планирането на проблемните ситуации.
Има ли някакви практически стъпки за да е сигурно, че сайтът ще се работи безотказно?
Това означава, че е свързан към добре наблюдавана и намираща се зад ефективен firewall мрежа. Сървърът има нужда от непрекъснато захранване (или UPS). Хостинг провайдърът или колокейшън помещенията трябва да имат генератори, за непрекъснатата работа на всички сървъри. Тази последна мярка е от толкова голямо значение, колкото е и сайтът за фирмата.
Други детайли по проекта
Черновите за външния вид и архитектурата на уеб сайта съставят една част. Тези чернови са за сигурност, че цветовете изглеждат добре, че ще има място за цялото съдържание и пасват на фирмената стратегия преди да е започната разработката на кода.
Псевдокодът на скриптовете ще помогне да се забележат различните проблеми още преди да са се превърнали в бъгове.
Схемата на базата дани трябва да бъде разработена заедно с псевдокода, за да не се окаже, че се изпълняват заявки към базата данни, които са изключително ресурсоемки. Създаването на такава схема дава възможност за оценка информацията, която тече между потребителя и сайта, така че всякакви недостатъци могат да бъдат поправени преди да сте изправени пред риска да се удължава крайните срокове.
Вътрешно тестване на системата, което е резултат от целия дизайн, вероятно ще покаже някои нови проблеми, които е добре да се решат незабавно.
[1] Plug-ins – Допълнителните програмни модули, инсталирани към всеки Уеб браузър за обработка на определени текстови, графични, звукови, видео и други видове формати се наричат plug-ins. Те са в състояние да подпомогнат разнообразяването на HTML страниците, но не се вписват в технологията на универсалния клиент-сървър. Те са специфични за всеки браузър и съответната платформа и не са предназначени да обменят информация със сървъра.
Много уеб дизайн експерти ще ви кажат, че едно от основните предизвикателства на съвременния Интернет е не само да гарантира, че хората могат да намерят вашия уеб сайт, използвайки търсачки, а също така да се задържат на сайта, а не само да натиснат back бутона на браузъра си.
Няма съмнение, че една флаш анимация, без значение колко е проста, може да действа като един чудесен начин за привличане на вниманието на посетителите.
Не толкова отдавна, бяхме изправени пред дебат, дали уеб сайт и уеб дизайн изграден изцяло на флаш ще е носител на потенциален трафик и ще осигури максимална доходност.
Flash Ви позволява да създавате както прости, така и сложни Flash анимации, банери и интрота, които можете да комбинирате с различни шрифтове и ефекти в рамките на една флаш анимация. Flash е много лесен за използване, има неограничен спектър от ефекти и не се нуждаете от кой знае какви програмистки умения, за да го използвате.
Въпреки това Flash анимациите залязват от уеб пространството. Те са доста тежки за изпълнение и често са придтужавани от бъгове. Вече се търсят алтернативи, като една такава е все по-популярната и стабилна JQuery платформа.
Полезни ON-Page SEO фактори за оптимизация на ключови думи.
1. Клчови думи в <title> таг-а: Препоръчва се дължината на думите да не надминава 4-5 думи и тежестта им е също прогресивно намаляваща. Символите не бива да надвишават 80.
66% много висока важност.
2. Използване на дадената ключова дума в началото на Title Tag
63% висока важност.
3. Ключови думи в URL – Тук съшо ключовите думи получават различна тежест а именно 1-вата най-голяма 2-рата по малка и т.н (Пример: keyword.com/keyword2/keyword3.html)
60% висока важност /за keyword.com/.
38% ниска важност /за keyword3.html/.
37% ниска важност /за keyword2/.
4. Използване на ключовата дума в тага <H1>. Въпреки, че има много спорове за важността на <H1> тага, за мен лично той си остава едно от най силните оръжия на ON-Page оптимизацията.
49% средна важност.
5. Използване в Anchor Text на ключовата дума на вътрешна връзка в страница.
46% средна важност.
6. Използване в Anchor Text на ключовата дума на външна връзка в страница
46% средна важност.
7. Използване на ключова дума в началото на H1 тага.
45% средна важност.
8. Използване на ключова дума в първите 50-100 думи в HTML кода на страница.
45% средна важност.
9. Използване на ключова дума в други тагове <H> (<h2> – <h6>). Не се препоръчва използването на <H> таговете повече от веднъж на страница .
35% ниска важност.
10. Използване на ключова дума в Alt текста на изображение. Не използвайте повече от 2-3 ключови думи.
33% минимална важност. /в последно време и по-висока/
11. Повторения в използването на ключовата дума в HTML текст на страница.
33% минимална важност.
12. Използване на ключовата дума като име на изображение (например keyword.jpg).
33% минимална важност.
13. Използване на ключовата дума в <b> или <strong> тагове.
26% минимална важност.
14. Плътност на ключовите думи Keyword Density Formula (брой на използваните ключови думи / общ брой на думите в страница. Не надвишавайте 5% – 20 %.
25% минимална важност.
15. Използване на ключова дума в List списъчни структури <li>.
23% незначителна важност.
16. Използване на ключовата дума в параметри на страницата (например domain.com/page.html?keyword).
22% незначителна важност.
17. Използване на ключовата дума в <i> или <em> тагове
21% незначителна важност.
18. Използване на ключовата дума в Meta Description таг.
19% незначителна важност.
19. Използване на ключовата дума като разширение на файл (пр. domain.com/page.keyword).
12% незначителна важност.
20. Използване на ключовата дума в Comment тагове в HTML (пр. <!– keyword –>).
6% незначителна важност.
21. Използване на ключова дума в Meta Keywords таг. Винаги използвайте Keywords тага. Google не го взима в напредвид, но е важен за други търсачки като Yahoo.
5% незначителна важност. /или никаква/.
Допълнителни SEO фактори
Използвайте също Option тагове. Те имат много параметри, в които може да включите ключовите си думи (пр. <option value=”keyword” title=”keyword” label=”keyword” id=”page.html”>keyword</option> ).
Обновявайте съдържанието на сайта си колкото се може по-често. За търсачйите това е знак за добра поддръжка.
За изработката на уеб дизайна на един сайт са Ви нужни цветове. Неподходящо подбраните цветове могат да развалят визията на сайта. Същото може да направи и прилагането на голям брой цветове или използването на твърде ярки цветови палитри. Това, обаче съвсем не означава, че не бива да използвате ярки цветове за вашия дизайн. Въпреки това ги използвайте закономерно, там където се налага да привлечете вниманието на потребителя.
Повечето уеб дизайнери предпочитат да използват два – три цвята и техните нюанси, което е напълно достатъчно за изработката на дизайна на един уеб сайт.
216 цветовата браузър палитра е създадена, за да се гарантира, че всички компютри ще изобразят цветовете правилно, използвайки 256 цветна палитра. Днешно време компютрите на потребителите използват далеч повече цветове от стандартните 256, въпреки това е за предпочитане да се ограничите в този диапазон.
216 цветова палитра:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
