graph-design.ru » Web-дизайн

Внешняя SEO-оптимизация

admin — Thu, 07 Jan 2010 15:59:27 +0000

К веб-дизайну сайта внешняя SEO-оптимизация не имеет отношения, так как рассчитана на продвижение сайта в рейтинге поисковых машин за счет организации ссылочной массы на этот сайт. Механизм ранжирования сайтов поисковыми машинами зависит от количества ссылок на данный сайт, то внешняя SEO-оптимизация имеет несколько способов раскрутки сайта. Она как магия, классифицируется на «белую» и «черную». Настоящая белая SEO оптимизация это трудоемкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта. Положение сайтов напоминает стеллажи складские – вот сайт лежит на верхней полке в топе-10, но со сменой принципов отбора поисковиком он в одночасье может опуститься в низ, как будто это паллетные стеллажи.

Внутренняя SEO-оптимизация

admin — Wed, 06 Jan 2010 15:56:37 +0000

Внутренняя SEO-оптимизация связана с некоторыми изменениями самого сайта. В соответствии с тематикой сайта и его направленностью специалисты веб-студии определяют ключевые слова. Ключевые слова – это краткое изложение интереса пользователя Интернета в чем-то, т.е. это те слова, которые забиваются в поисковик. Выбираются самые рейтинговые слова или сочетания слов, по которым чаще всего делаются запросы, например, «антигравийная защита» ли «антигравийная защита автомобиля». Затем ключевые слова вставляются в сайт, с целью привлечь заинтересованных посетителей. Тексты, ссылки, другие теги адаптируются так, что бы поисковые системы могли их успешно находить по ключевым словам. SEO-оптимизированные сайты становятся более конкурентоспособными среди аналогичных сайтов, заодно повышается их рейтинг в поисковых машинах.

Размещение сайта в Интернете

admin — Tue, 05 Jan 2010 15:53:38 +0000

Готовый сайт представляет собой набор файлов, которые необходимо разместить для всеобщего доступа в Интернет. Для этого на сервер провайдера с его согласия закачивают файлы сайта и производят нужные настройки. На первоначальном этапе сайт закрыт для посетителей.

Следующим действием становится наполнение сайта контентом — текстами, изображениями, файлами для скачивания и т. д. Контент заказчик может подготовить силами собственных специалистов или он составляется специалистами веб-студии, копирайтерами и рерайтерами.

Это решается на этапе составления технического задания. В случае если контент составляется представителем студии, то это происходит и утверждается параллельно с другими этапами проекта.

В последнее время роль контента возрастает, так как – это информация, за которой посетитель собственно и приходит на сайт. Его обычно интересует не только ответ, кто сможет сделать ремонт стиральных машин ariston или ремонт посудомоечных машин в Москве, но и возможность сравнить характеристики бытовых устройств разных производителей, аналитические статьи, новости и новинки в данной сфере.

Тестирование сайта

admin — Mon, 04 Jan 2010 15:50:33 +0000

Задачей тестирования является авторский надзор со стороны веб-дизайнера и подгонка его под основные браузеры: Интернет-эксплорер, Opera и другие. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузере Интернет-эксплорер, который штатно устанавливается с операционной системой Windows. Именно этот браузер создает много проблем для веб-дизайнера. Затем тестируется вид с увеличенными шрифтами, когда перевод текстов или перевод текста в более крупный размер должен умещаться в окне браузера, тестирование при отсутствующем флэш-плеере и тому подобное. Обнаруженные ошибки отправляются на исправление до тех пор, пока не будут устранены.

Работа html-верстальщика

admin — Sun, 03 Jan 2010 15:47:25 +0000

Утверждённый заказчиком дизайн сайта передаётся html-верстальщику, который «нарезает» графическую картинку веб-страницы на отдельные рисунки, из которых впоследствии браузер будет собирать html-страницу. Программирование сайта может осуществляться как «с нуля», так и на основе CMS — системы управления сайтом, которая, по сути, представляет собой шаблон сайта. Программист, а точнее специалист по CMS, заменяет стандартный шаблон, поставлявшийся с CMS на разработанный оригинальный шаблон утвержденного сайта.

В результате создаётся набор картинок и тот код, с помощью которого браузер будет собирать изображение, словно сайт – это кровля черепица, которую наподобие пазлов собирают из частей, где натуральная черепица – это частички изображения.

Дизайн-макет

admin — Sat, 02 Jan 2010 15:43:43 +0000

Свою работу веб-дизайнер представляет заказчику в виде дизайн-макета – предполагаемого окончательного вида главной страницы или нескольких страниц сайта. Стандартным размером является приблизительно 960х640 пикселей, что соответствует среднему размеру веб-страниц в Интернете. Для демонстрации клиенту изображение обычно переводится в простой однослойный и привычный формат изображений, но в действительности картинка эта является многослойной, что позволяет легко выполнять доработки, замену, перекомпоновку и другие задачи. Изготовление макета, в котором каждая деталь — отдельный слой, приложенный к другим слоям-картинкам, упрощает работу по редактированию сайта. Для верстальщика изображение, как правило, переводится в растровый формат.

Многоплановость работы веб-дизайнера напоминает проектирование жилых домов или даже

проектирование высотных зданий.

Использование крупного шрифта

admin — Sat, 26 Dec 2009 07:49:58 +0000

Web-дизайн сайтов в стиле W 2.0 подразумевает использование более крупных шрифтов. В стиле W 2.0 на странице используется меньше элементов, поэтому остается больше пространства, что позволяет сделать наиболее важные элементы более крупными. Практика печатного дизайна этот эффект использует давно – в названиях, титульных страницах и заголовках.

Крупный текст не только хорошо выделяется он еще и доступен для большего количества пользователей. Хотя современное оборудование для стекла при изготовлении мониторов повысило яркость картинки, но это не только люди с проблемами зрения, но и те, кто использует LCD мониторы в солнечный день, люди сидящие немного дальше от экрана и те, кто только просматривает страницу в автомобиле, где бронирование автостекол убавило освещенность.

Выделение областей цветом

admin — Fri, 25 Dec 2009 07:46:42 +0000

Цвет вызывает эмоциональную отдачу у зрителя, поэтому разработчики дизайна сайта широко используют цвет для привлечения внимания посетителей сайта. Так же веб-разработчики сайтов широко используют цвет для выделения функциональных зон, таких как:

* Навигация

* Фон

* Основной контент

* Ссылки

* Прочий материал

Опасность использования ярких цветов в том, что они могут отвлечь внимание от других важных элементов сайта, в то же время, размещение контента на белом фоне делает его более читабельным и упрощает просмотр. Работа с цветом, как обработка зеркал стекла должна быть тонкой и, как камнеобработка оборудование должна оставить лишь самое важное, отсекая все лишнее.

Навигация по сайту должна быть простой и понятной

admin — Thu, 24 Dec 2009 07:41:51 +0000

Постоянная навигация по сайту должна быть заметной, и простой в использовании. На каждой странице глобальная навигация по сайту должна быть доступна пользователю на каждой его странице. Причем она должна показывать пользователю – где он находится в настоящий момент, куда он может отсюда перейти, и какие сервисы ему доступны. Навигация должна позволять, как паллетные стеллажи быстро добраться до любого материла сайта.

Запомните ключевой принцип: навигация должна четко отличаться от не навигации, для чего лучше постоянную навигацию размещать отдельно от остального контента.

Надписи в навигации должны быть понятными, чтобы сделать назначение каждой ссылки очевидным и однозначным. Если пользователь нажимает на кнопку «купить телевизор сони», то он должен попасть на список телевизоров конкретной фирмы sony – «купить телевизор sony», а не другого производителя.

Дизайн в стиле Web 2.0

admin — Sun, 20 Dec 2009 15:33:59 +0000

Понятие «дизайн в стиле Web 2.0» не является эстетической концепцией. Скорее это понятие относится к технической и идеологической части работы по созданию сайта. Сайт в стиле Web 2.0 должен соответствовать последним современным требованиям юзабилити. В первую очередь – это проста, ясность, что делает такие сайты предельно понятными. Flash вообще не приемлем, и не приветствуется использование каких-либо наворотов. Предельная эргономика сайта подразумевает изящный лаконизм, стройный аскетизм форм и линий.