Веб программирование в наши дни

Интернет со временем растёт и развивается, сайтов в нём становится всё больше и уже не так легко завлечь пользователя на свой. Разные разработчики стремятся сделать свою страницу интересной по-разному: кто добавляет динамичных элементов, кто-то обрабатывает данные пользователя на сервере и предоставляет на этом основании более подходящую информацию. В наши дни уже и это не так действенно, все уже развили навык программирования достаточно чтобы использовать и то и другое. Среди современного многообразия страниц всё сложнее найти нужную. Важнейшим этапом на развитии интернета стало появление поисковых машин. Самой популярной на данный момент является Google, её имя даже стало нарицательным и нередко можно услышать «погуглил» в значении «поискал нужную информацию». Но этим занимает seo продвижение сайтов, такой специальный отдел, реже 1 человек.

Нам же, как веб-мастерам нужно помочь сеошникам выполнить свою задачу хорошо.

В первую очередь обратимся к основам основ к HTML. Многие уже и задумываются о том что там да как. Выносят из кода всю динамику и вообще от стриниц остался один лишь каркас: DOM без аттрибутов и событий, ведь даже текст уже берётся часто из базы и вставляется в каркас ещё на сервере.

Так вот в HTML всё ещё осталось то что у него никто не заберёт: раздел документа head и теги meta, которые хранят всевозможную информацию для роботов поисковых машин и браузеров. Там может содержаться кодировка, данные об авторе или копирайте, но для роботов наиболее интересным является

и в них хранится описание страницы и ключевые слова, по которым эту страницу можно найти. Кроме того важным всё же остаётся правильное программирование того самого каркаса DOM. В последней редакции HTML, на данный момент это HTML5, появилось много тегов для разделения страницы по смыслу:

• article
• aside
• audio
• canvas
• command
• datalist
• details
• embed
• figcaption
• figure
• footeк
• header
• hgroup
• keygen
• mark
• meter
• nav
• output
• progress
• rp
• rt
• ruby
• section
• source
• summary
• time
• video
• wbr

Использование верных тегов для верного контента повышает точность определения роботом поисковой машины назначения статьи и развязывает руки seo. Кроме того, появившиеся теги video и canvas позволяют без применения достаточно тяжеловесного flashplayer’а вставлять видео и рисовать векторные рисунки средствами самого браузера.