Како се праве ти сајтови?

Како се
праве ти
сајтови?
Лазар Бошковић
власник и креативни директор
АгитПРОП, agitprop.rs
октобар 2017.

Лазар БошковићКако се праве ти сајтови? / октобар 2017.

Како до озбиљног сајта?
ПРЕ ИЗРАДЕ
 Стратегија
 Концепт
 (Про)извођач
У ТОКУ ИЗРАДЕ
 Садржај
 Дизајн
 Програмирање
ПОСЛЕ ИЗРАДЕ
 Ажурирање
 Одржавање
 Промовисање

Стратегија интернет присуства

Тест пажње
 Која 3 елемента има сваки сајт на свету?
 Шта је најбитније на било ком сајту?

Избор (про)извођача сајта
ПАРЕ = МУЗИКА
 Професионална знања и
квалификације
 Пословна и финансијска
стабилност
 Искуство на сличним пословима
и квалитет референци
 Познавање прописа
 Квалитет сопственог интернет
присуства

Забава за све секторе фирме...
Маркетинг и PR
 Садржај
 Дизајн
 Бренд
 Комуникација
 Промоција
 Ажурирање
 Веб аналитика
IT
 Програмирање
 Хостинг
 Одржавање
 Безбедност
 Права приступа
 Е-пошта
 Нове технологије
Продаја
 Електронска
трговина
 Заштита
потрошача
 Пореска
политика
 Електронска
плаћања
Право
 Заштита жигова
 Ауторска права
 Политика
садржаја
 Заштита
приватности

4 фазе рада на интернет садржају
ПРЕ ПИСАЊА
 Истраживање циљних група, конкуренције,
трендова...
 SEO истраживање кључних речи
РАД НА ТЕКСТУ
 Прикупљање и обрада постојећих текстова
 Писање нових, недостајућих текстова
ФИНАЛНА ОБРАДА
 SEO анализа и ревизија текстова
 Редактура, лектура и коректура
 Превод, али свега!
1.
Припрема
текстова
за сајт

 "Дуготрајни" текстови
(основне wеb стране)
 "Стално свежи" текстови
(вести, блог, акције...)
 Текстуални фајлови
(документи – PDF или DOC)
 "Невидљиви" технички текстови
(нпр. meta tags)
2.
Основни
текстови
на сајту

 Илустрације
(фотографије, графикони, табеле, мапе...)
 Мултимедија
(аудио, видео, анимације, презентације...)
 Посебно обликовани садржаји
(инфографици, е-публикације...)
 Персонализовани садржаји
(генерисани по жељи корисника)
 Интерактивни садржаји
(апликације: тестови, такмичења, игрице...)
3.
Остали
садржаји
на сајту

 Формирање wеb страна
 Унос, форматирање и линковање текстова
(интерно и екстерно)
 Унос и/или ембедовање и таговање
осталог садржаја
 Провера комплетног садржаја
 Провера SEO елемената
4.
Унос
садржаја

7 особина доброг садржаја
1. Примереност
Релевантан и
прилагођен
садржај за
жељене
посетиоце

2. Оптимизованост
SEO
(Search Engine
Optimization)
За претраживачку машинерију,
али и за људе!

• дете од годину дана
• дете од 12 месеци
• дете од 1 године
• дете од дванаест месеци
• дете од једне године
• дете од годину
А БЕБА???

3. Дељивост
SMO
(Social Media
Optimization)
Садржајни и технички аспекти, да
садржај „цури на све стране“!

Како да посетиоци дођу на сајт?

4. Структуираност
Логичан распоред
навигација
одељци сајта
wеb стране
посебне функције
...
ЦИЉ: што мање кликова!

5. Писменост
Не брукајте се...

6. Актуелност
Редовно ажурирање,
измене, допуне,
освежења,
прилагођавања...
+ БЛОГОВАЊЕ!!!

7. Форматизованост
Наслови,
поднаслови,
параграфи, болд,
италик, линкови,
боја...

5 савета за припрему садржаја
1. Привлачење пажње
Добар наслов, а закључак
већ у уводном пасусу
2. Тачкасто писање
Прегледне листе,
набрајање...
3. Подстицање на акцију
CTA, landing стране...
4. Економија језика
Без вишка речи, ни
предугачко, ни прекратко,
SEO број карактера...
5. Прави формати
Примерена врста и
величина фајлова

5 заборављаних елемената сајта

Страна 404

Подаци у футеру

Специјалне стране
 Импресум
 Услови коришћења
 Политика приватности
 Приступачност
 Мапа сајта

Контакт страна

Српске посебности

3 корака до дизајна сајта
1. Оквирни нацрт сајта (wireframe)
 Црно-бела скица са распоредом елемената web страна
 Шта (групе садржаја) и где/како (структура и позиције)
 Садржај, Структура, Хијерархија, Функционалности, Понашање
2. Макета дизајна сајта (mockup)
 Реалистична презентација дизајна (слике са са кобајаги садржајем)
 Примењени графички стандарди
 Боје, фонтови, теме, дугмићи... за све потребне врсте веб страна
3. Имплементација веб дизајна у CMS-у
 Креирање шаблона различитих веб страна (HTML, CSS...)
 Провера функционалности и оптимизације графичких елемената
 Провера приказа (читачи и уређаји)

Како ТРЕБА да се ради

3 корака до доброг CMS-a
1. Развој
 Рад програмера на развојној хостинг локацији сајта
 Интегрисање wеb дизајна у CMS
 Програмирање уобичајених функционалности
 Програмирање специјалних захтева
2. Корекције
 Уочени проблеми током уноса садржаја
 Уочени дизајнерски проблеми
 Накнадне жеље наручиоца (увек се то дешава...)
 Отклањање програмерских пропуста
3. Пуштање сајта у рад
 Тестирање свих функционалности сајта
 Уклањање сувишни и радних елемената
 Заштита хостинга и CMS-а од нежељеног приступа
 Пребацивање на главну хостинг локацију

А после израде сајта?
АЖУРИРАЊЕ
интернет сајта
 План
објављивања
 Постављање
нових садржаја
 Измене
структуре и
садржаја
ОДРЖАВАЊЕ
 Редовно
одржавање
 Интервентно
одржавање
 Додатно
одржавање
ПРОМОВИСАЊЕ
 Класичне офлајн
методе
 Друштвени
медији
 Оглашавање на
Интернету

Одакле су посетиоци сајта?
Директне
посете
Органска
претрага
Друштвени
медији
Референтни
прилив
Плаћени
канали

Спречите врдање и уцене
Уговор
 Рокови
 Пенали
 Ауторска права
 ...
Избор софтвера
 Open source CMS
(WordPress,
Joomla, Drupal...)
 Лиценце?
 ...
Лозинке
 Хостинг
 CMS
 Е-пошта
 ...
ТВОЈ САЈТ – ТВОЈА ПРАВ(ИЛ)А!

Хвала на пажњи!
Питања?
Лазар Бошковић
lazar@agitprop.rs
rnids.rs | рнидс.срб
domen.rs | домен.срб

Како се праве ти сајтови?

Recommended

Recommended

More Related Content

More from AgitPROP - marketing agencija

More from AgitPROP - marketing agencija (10)

Како се праве ти сајтови?