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

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

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

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

5. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
Тест пажње
 Која 3 елемента има сваки сајт на свету?
 Шта је најбитније на било ком сајту?

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

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

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

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

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

11. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
4 фазе рада на интернет садржају
 "Дуготрајни" текстови
(основне wеb стране)
 "Стално свежи" текстови
(вести, блог, акције...)
 Текстуални фајлови
(документи – PDF или DOC)
 "Невидљиви" технички текстови
(нпр. meta tags)
2.
Основни
текстови
на сајту

12. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
4 фазе рада на интернет садржају
 Илустрације
(фотографије, графикони, табеле, мапе...)
 Мултимедија
(аудио, видео, анимације, презентације...)
 Посебно обликовани садржаји
(инфографици, е-публикације...)
 Персонализовани садржаји
(генерисани по жељи корисника)
 Интерактивни садржаји
(апликације: тестови, такмичења, игрице...)
3.
Остали
садржаји
на сајту

13. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
4 фазе рада на интернет садржају
 Формирање wеb страна
 Унос, форматирање и линковање текстова
(интерно и екстерно)
 Унос и/или ембедовање и таговање
осталог садржаја
 Провера комплетног садржаја
 Провера SEO елемената
4.
Унос
садржаја

14. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
1. Примереност
Релевантан и
прилагођен
садржај за
жељене
посетиоце

15. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
2. Оптимизованост
SEO
(Search Engine
Optimization)
За претраживачку машинерију,
али и за људе!

16. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
• дете од годину дана
• дете од 12 месеци
• дете од 1 године
• дете од дванаест месеци
• дете од једне године
• дете од годину
А БЕБА???

17. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
3. Дељивост
SMO
(Social Media
Optimization)
Садржајни и технички аспекти, да
садржај „цури на све стране“!

18. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
Како да посетиоци дођу на сајт?

19. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
4. Структуираност
Логичан распоред
навигација
одељци сајта
wеb стране
посебне функције
...
ЦИЉ: што мање кликова!

20. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
5. Писменост
Не брукајте се...

21. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
6. Актуелност
Редовно ажурирање,
измене, допуне,
освежења,
прилагођавања...
+ БЛОГОВАЊЕ!!!

22. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
7 особина доброг садржаја
7. Форматизованост
Наслови,
поднаслови,
параграфи, болд,
италик, линкови,
боја...

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

24. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
5 заборављаних елемената сајта

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

26. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
Подаци у футеру

27. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
Специјалне стране
 Импресум
 Услови коришћења
 Политика приватности
 Приступачност
 Мапа сајта

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

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

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

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

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

33. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
Како ТРЕБА да се ради

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

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

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

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

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

39. Лазар БошковићКако се праве ти сајтови? / октобар 2017.
Одакле су посетиоци сајта?
Директне
посете
Органска
претрага
Друштвени
медији
Референтни
прилив
Плаћени
канали

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

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