Максимум из минимума #3: Корпоративный сайт и блог -...

КОРПОРАТИВНЫЙ САЙТ И БЛОГиспользуем максимально

Yulia Gladkova05/12/2011

Содержание

Зачем нужен сайт (блог) / Практическое задание Важные элементы Архитектура сайта (блога) / Практическое

задание Семантическое ядро и контент / Практическое

задание Основы юзабилити / Практическое задание

05/11/2011

2

GreenHouse Project (C) 2011. Yulia Gladkova

Чем сайт отличается от блога

Блог Сайт

Стиль «Неформальный» канал общения.

Формальное представительство компании в интернете.

Формат Он-лайн дневник. Структурированное представление информации по категориям.

Канал Двухсторонее общение. Одностороннее вещание.

Подача Личная оценка и суждение автора.

Объективные факты.

Обязательно Яркая личность автора. Обезличенность автора, яркая личность компании.

Продвижение Быстрое и легкое, подручными средствами.

Необходим профессиональный подход.

05/11/2011

3


Зачем нужен сайт / блог

Формирование мышления Практическое применение

товара Обзоры рынка и сравнение Тест-драйв Изучение потребителя и

получение обратной связи Интернет-курилка Позиционирование и

создание «личностного» имиджа

Официальная информация Новости, объявления,

анонсы Полезная сопутствующая

информация Интернет-офис Позиционирование и

создание «профессионального» имиджа

Блог Сайт

05/11/2011

4


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

Практическое задание 15

05/11/2011GreenHouse Project (C) 2011. Yulia Gladkova

Важные элементы


6

Кто вы?7


Логотип

Кто вы?8


Кто вы?Слоган Кто мы

Кто вы?9


Логотип Кто вы?Слоган Кто мы

Кто вы?10


Логотип Кто вы?Слоган Кто мы

Кто вы?11


Логотип Есть!Слоган Кто мы

Как с вами связаться?12




«Спрятанные» контакты Как с вами связаться?



«Потерянные» контакты Как с вами связаться?



Очевидное расположение Есть!

Где я?16


Где я?17


Хлебные крошки Есть!Заголовок

Где я?18


Хлебные крошки Где я?Заголовок

Где я?19


Хлебные крошки Есть!Заголовок

Архитектура


20

1

2

3

4

5

6

7

8



21


Простая и интуитивно понятная

С подсказками Не более 2

подуровней Логичная и

структурированная

22


Горизонтальная, с вложенными подпунктами

Навигация23


Вертикальная



Первичная и вторичная



1

2

•Создайте пример структуры сайта •Выберите подходящий тип навигации



05/11/2011

27


Контент и семантическое ядро

Контент – все содержимое сайта. Графический Текстовый

Семантическое ядро Самые главные слова обо мне. Список главных поисковых запросов, по которым

меня найдут.


Подходящая по смыслу

Авторская Не «тяжелая» Хорошее качество

(контраст, четкость)

Авторский Человеческий Читабельный Без ошибок

(орфографических, грамматических)

Насыщенный ключевыми словами

Графика Текст

28



Оптимизация контента – переписывание сайта так, чтобы его полюбили поисковики.

Плотность ключевых слов – степень насыщенности текста ключевыми словами Оптимальная плотность ключевых слов – 3-5% Как проверить? http://www.seotxt.com/service/optimizer/


29

Создайте семантическое ядро для сайта.



Основы юзабилити

Юзабилити – это степень удобства использования сайта / блога

Люди не хотят думать – они хотят интуитивно ориентироваться на сайте.


31

05/11/2011

32


Основы юзабилити

05/11/2011

33


Визуальный комфорт

05/11/2011

34


Ориентирование на местности

05/11/2011

35


Скорость

05/11/2011

36


Полезности на сайте

Подписка на новости Форма обратной связи Карта сайта Кнопки социальных сетей («Поделиться») «Добавить в закладки» Гаджеты и ссылки по теме

Правила главной страницы

Чистота и простор Без скрола (по возможности) Предложение следующего шага Это десерт, а не первое блюдо!


37

Краткая рецензия сайта:О чем сайтОпознавательные знакиНавигацияГлавная страницаОбратная связь



Сайт 139


Сайт 240


Сайт 341


Юзабилити чек

Цвет фона и шрифтов Размер и тип шрифта Фирменный стиль (логотип, слоган, все

очевидно) Удобное меню Проверка ссылок (очевидные, небитые) О нас Контакты и обратная связь Карта сайта


42

[email protected]

http://projectgreenhouse.blogspot.com/

Спасибо! Есть вопросы?43


Максимум из минимума #3: Корпоративный сайт и блог -...

Education