Уеб Дизайн България ® Фирмен Блог » Информация за клиентите за нашите уеб дизайн и Интернет услуги, статии и новини

Преди и след Wireframe схемите » Фирмен Блог на Уеб Дизайн България ® Помощни статии, новини и коментари

  • Създавайте удобни уеб сайтове за посетителите и търсачките

    Като уеб дизайнер е важно да знаете как да направите Вашият уеб сайт приятен и за посетителите му и за търсачките. Също така какви критерии да покриете и какви спомагателни средства да използвате.

    Търсачките не могат да преценят коя част е важна, и коя не. Като например списъците, менютата и заглавията.
    Затова трябва да сте сигурни, че поставяте правилната маркировка върху подходящата информация. В случая не се гарантира, че писането на семантична информация и маркировка ще увеличи трафикът Ви и ще Ви изкачи на високи позиции в търсачките, но ще направи прегледа и разбирането на съдържанието на вашият уеб сайт по-лесно.

    HEADER

    Като за начало, трябва да добавите стандартната META информация в началото на Вашият HTML header. Заглавен tag, tag с ключови думи и на края описателен tag. След това вече можете да добавите JavaScript и CSS файловете.

    Нека да си припомним, че всяка една страница трябва да има своя уникална META информация, затова избягвайте нейното повторение на всяка страница.

    FOOTER

    Нека разгледаме нещо друго, а именно Footer зоната – там където поставяте авторските права и някои други полезни линкове. Това е добро място за още един навигационен елемент, направен от ключови думи подредени в определен ред ( например с <UL> ).
    Това не е спам и не пълним страницата с тонове ненужни линкове. За някои сайтове с по-дълги страници това е много полезно, защото когато потребителите им достигнат края на една такава страница, те имат още една удобна навигационна лента.

    Вашето „тяло”, BODY

    Body елемента e самото „тяло” на вашата страница. Центъра на цялата полезна информация, която търсачките опитват да открият.

    В „тялото” на вашият HTML файл, поставете още още в началото маркировка като меню или навигационно DIV, като ги именувайте Навигация или Меню (или някак по ваше желание). По този начин, първото което открива търсачката е именно навигацията където обикновено са поставени и ключовите думи.

    Сложете тези навигационни елементи в <UL> подредба, защото така подзказвате, че това е списък. Всяка една част от тях е озаглавена с описание на функцията, която изпълнява. Така търсачката преглежда целият Ви сайт (Погрижете се, навигацията да е налична във всяка една от страниците ви, просто за да е по-удобно).
    Забележка: Ако използвате Flash, Javascript или картинна навигация, по-добре помислете, защото тя е трудна за разчитане от търсачките, а и в същото време е по-трудно достъпна и полезна.

    Вече подредихте навигацията, използвайки линкове с най-важните ключови думи и отбелязахте, за пред търсачката, че това са важни елементи.

    Забележка: Поставянето на навигация в началото на body елемента не означава, че тя ще се появи на върха на страницата ви. С помощта на CSS вие ще можете да я контролирате и предвижвате от лявата към дясната страна на страницата.

    Съдържание

    Вече споменахме два основни елемента от страницата, нека сега се потопим в най-важната част на сайта Ви. Частта със Съдържанието, където са поставени най-полезните неща (като се предполага, че правите полезен сайт, който ще помага на хората).
    Тъй като тази част е различна при всеки сайт, както и във всяка страница от Вашият собствен уеб сайт, нека да обсъдим общите указания и препоръки.

    В началото на страниците, можете да поставите така наречения Breadcump. Това е нещо много важно за сайта, тъй като указва точното място, на което се намират посетителите му и е добро място да поставите вашите ключови думи с нагледни заглавни атрибути.
    За да се сетите за какво става въпрос, ето един бърз пример:
    Начало → Уеб Дизайн → Статии

    Breadcrumb-овете трябва да са в началото на съдържанието, тъй като това е първото нещо, всички виждат в тази част на уеб сайта ви.

    Добавете към съдържанието най-важните ключови думи, като заглавна част, използвайки <H1> <H2> <H3> за тази цел. Така, търсачката ще открие, че я насочвате към важна част от сайта ви. Идеята е да използвате подходяща маркировка за да представите съдържанието си.

    Забележка: Не е препоръчително да претъпквате страницата си с ключови думи и линкове, затова ги използвайте мъдро и внимателно, или това ще се обърне срещу вас. Търсачките са средства, които хората използват, за да намират полезната за тях информация.

    Кат уеб дизайнери, можете да контролирате местоположението на всеки един елемент в тази част и според важността му, да го придвижвате към началото на маркировката или към края. Избора на оформление е много важен на този етап, затова е важно да сте наясно с естеството на всяка страница и секция на сайта ви.

    Свързаност

    Постарайте се страниците ви да са достъпни само с две-три натискания на мишката и да са свързани така, че да има достъп от третата към първата страница и обратно. Също е важно да намалите броят на външните линкове, затова избягвайте елементи водещи до други сайтове (като това разбира се зависи от идеята и целта на сайта).
    Като говорим за линкове, постарайте се да ги намалите до 100, тъй като такива са изискванията на Gооglе.

    Винаги използвайте заглавни tag-ове и подходящи определения (ALT и TITLE описания) към вашите снимки и линкове (не се възползвайте от това за манипулация).

    Размерът има значение

    Докато правите своя уеб сайт, винаги помнете, че е добре страниците да са „леки”, затова избягвайте огромни страници и графики и се опитайте да се ограничите до 30-40 КВ като наблягате на текста.

    Интернет приложения

    Избягвайте да слагате съдържанието заедно с важните ключови думи кодирани в Javascript, AJAX или снимки. Не крийте ценното съдържание заедно с важните ключови думи от търсачките. Вашето съдържание трябва да са насочени към общата изгода на клиента и крайният потребител.

    Като професионален уеб дизайнер, Вие трябва да направите уеб сайта си ясен и фокусиран, да определите важните елементи и да изградите облика на сайта чрез подходящ дизайн. Трябва да знаете, че има много неща, от които зависят позициите на сайта ви в търсачките, и това беше само частта касаеща уеб дизайнера. Винаги разчитайте на изпитаните методи, а не се опитвайте да заобиколите системата.

    Сходни статии от блога на Уеб Дизайн България ®:

    1. Защо търсачките наказват уеб сайтове и как да предпазим своя уеб сайт Всеки собственик на уеб сайт иска да бъде оценен високо в Гугъл. Затова и новите и начинаещите уеб разработчици и оптимизатори се втурват в Интернет, прочитат няколко публикации във форумите...
    2. Уеб дизайнери, какво изискват ботовете на търсачките от вас Като уеб дизайнер е важно да знаете как да направите вашият уеб сайт благоприятен за търсачките. Също така какви критерии да покриете и какви спомагателни средства да използвате. Първо, нека...
    3. Позиции в търсачките Това е основното очакване на всички клиенти, които използват услугите за оптимизация на сайтове и страници в Интернет. Важно е да разберете, че позициите в търсачки като Google, Yahoo, Ask,...
    4. 5 Минутния SEO списък за проверка дали сайта ви има основна оптимизация за търсачките Много често, когато хората срещнат някой SEO специалист изгарят от желание да му зададат въпроса “Погледни сайта ми, готов ли да го пускам на търсачките и има ли добра оптимизация”....
    5. Какво може да очаквате от Вашата оптимизация на сайта за търсачките Всеки бизнесмен и предприемач търси евтин и ефективен начин да предложи услугите си. Особено сега в дните на световната финансова криза, когато оцеляването зависи изцяло от задълбоченото оптимизиране на финансите,...

  • Уеб Дизайн България ®
    Tuesday, February 3rd, 2009 at 11:00 | #1

    Ключът към по-добри уеб сайтове

    Професионален уеб дизайн! За да представим перспективно чудесата на добрия уеб дизайн, представете си, че си купувате тениска. Кое е първото, което гледате? Дизайна на тениската, разбира се. Е, поне повечето хора така правят, като изключим материалния фактор. Но нека приемем, че всички други фактори са постоянни, не би ли станал дизайнът ключовия фактор?

    Web Design

    Сега се поставете на мястото на посетителя на Вашия уеб сайт. Ето още две ситуации:

    Ситуация А:

    Уеб сайт с добър web дизайн и спиращи дъха графики (Добри цветни схеми със съответстваща тема), снимки (тематично свързани и с оптимална резолюция) и съответстващи шрифт и големина на буквите.

    Ситуация Б:

    Уеб сайт, пълен с ужасни графики и снимки по отношение на резолюцията, качеството и актуалността. (Червени снимки на ярко зелен фон например). Използваните шрифтове не съвпадат на цялостната обстановка (употреба на прекалено малки или големи, натруфени шрифтове в един бизнес корпоративен уеб сайт никога няма да стоят на място).

    Ситуация А: посетителите, които влизат в уеб сайта са мигновено зашеметени от дизайна и изпълнението. Умело поставените снимки и дизайн по някакъв начин символизират позитивната природа на компанията/уеб сайта. Както знаем, повечето хора наистина съдят по впечатлението си.

    Що се отнася до ситуация Б, неприятната среда, дължаща се на тежката липса на креативност и зле направените графики всъщност няма да помогне за привличането на посетители и клиенти. Шрифтове, които са трудни за разчитане, какво остава пък да бъдат разбрани, и несъвпадащи теми по отношение на цвета, не е много приветстващо, нали?

    Анализ: Тук главната идея е винаги да планувате уеб сайтовете си като опитате да получите мнението и предложенията на другите. Консултарите се с професионални фирми за уеб дизайн, търсене различни цени на уеб дизайн пакетите. Всяко мислене се различава, но поне ще имате възможност за подобрение.

Уеб дизайн България ® Фирмен блог » Публикуване на коментар