itkvariat

    ITkvariat - трудности веб-строительства




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


    Установить движок и заставить его корректно работать – только полдела. Необходимо создать соответствующий пользовательский интерфейс, который будет удобен и понятен. Немаловажное значение имеет и правильная техническая разработка сайта, которая включает его адаптацию к требованиям поисковых машин, оптимизацию, корректное внедрение и использование элементов HTML (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине, а также CSS и JS (о них ниже).


    Масса времени ушла у меня на расчистку «мусора», устаревших элементов HTML и CSS, лишних пробелов, табуляций и переносов в коде страниц, в чем мне очень помог валидатор W3.org. Причем, эту работу я так и не закончил – уж больно её было много. Только одних элементов align (форматирование изображений) в ссылках изображений было под несколько сотен, а их требовалось заменить соответствующими стилями CSS (Cascading Style Sheets) каскадных таблиц стилей — свода стилевых описаний, тех или иных HTML тегов. Какая-нибудь маленькая "менюшка" могла отнять целый день жизни - ну не хотела она становиться, как надо - съезжала в сторону или вовсе не работала.


    Но это ещё, так сказать «цветочки». «Ягодки» - это необходимая оптимизация элементов jаvascript (если так проще — вызовов программ программ на языке jаvascript) и CSS, которые, находясь в верхней части любой странички, несколько замедляют её загрузку. Их нужно как-то объединить, оптимизировать и, по возможности, сжать, чтобы их подключение как можно меньше влияло на скорость отображения данных. Мне удалось кое-что сделать  в этом направлении, но, к сожалению, все оптимизировать не так просто – для этого пришлось бы переписать весь шаблон сайта заново.


    Важных аспектов в работе над сайтом очень много — это, например, кэширование самого сайта и соответствующие настройки сервера, которые позволяют ускорить его работу и отдавать пользователям наиболее актуальные версии страниц быстрее, не затрудняя, при этом, доступа к ресурсу и защищая его от перегрузки (если что «кэш» — это что-то вроде временной памяти, где веб-страницы хранятся некоторое время, что позволяет не загружать их заново). В сети не так уж много мануалов по правильному кэшированию веб-серверов и сайтов, а между тем, это очень важный элемент работы всего веба. Кэшированием на сайте можно управлять с помощью МЕТА-тегов, а если позволяют возможности хостинга – и с помощью HTTP-заголовков.


    Сайту (любому) сегодня важно иметь сертификат SSL/ SSL — Secure Socket Layer (стандарт безопасности, который используется, чтобы обеспечить зашифрованное соединение между сайтом и браузером). Сайт, имеющий такой сертификат, становится доступен по более защищенному протоколу HTTPS, а значит, будет соответствовать современным требованиям, что также учитывается поисковыми машинами. И в этом случае потребуется дополнительная директива host в файле robots.txt, которая укажет поисковым машинам на основное зеркало, доступное по HTTPS.


    Сайт должен правильно отрабатывать ошибки – как минимум, 404 (страница, которой не существует), а максимум и остальные — с 300-й по 510-ю. У сайта должны наличествовать заголовки и описание страницы, а также заголовки в информационном наполнении - H1 (только один на странице, в качестве родительского) и остальные, по убыванию – раскрывающие содержание сайта в виде своеобразного «дерева пользовательских данных» (я сам сей термин придумал). Важно и «расклеить» домен. Оказывается поисковые машины считают сайт www.itkvariat.com и itkvariat.com разными сайтами. И если на них содержится одинаковая информация (а она, естественно, одинаковая – это один сайт), сей фактор становится отрицательным фактором в продвижении ресурса. Поэтому, домен пришлось расклеить, воспользовавшись все той же директивой host в файле robots.txt (я указал в ней, что основным доменом является itkvariat.com и поисковые машины это учли).


    Много вещей я сделал параллельно этой работе — частично запустил полнотекстовый поиск, настроил обратную связь, комментарии на AJAX (без перезагрузки страницы), немного оптимизировал базу данных сайта и т. д.

    Впрочем, есть мелочи и попроще, на которые, тем не менее, стоит обратить внимание. Неким открытием для меня, например, стал тот факт, что сайту неплохо иметь faviсon – картинку специального формата, которая отображается в адресной строке, рядом с URL. Эта «иконка» видна пользователю уже при загрузке адреса сайта, а значит, сразу же позволит получить немного информации о нем.


    Хорошей практикой является оптимизация внутренних ссылок, когда все они ведут на наиболее значимые страницы ресурса, не «распыляя» трафик.  Считается, что ссылок должно быть порядка сотни, у нас, к сожалению, их пока многовато – около 300. Не должно быть на сайте и большого количества внешних ссылок — они трафик «уводят», присваивая его тем ресурсам, на которые сайт ссылается (в том случае, если сайт-реципиент более авторитетный и крупный).


    Интересно, что сегодня, как положительный фактор учитывается даже наличие страничек сайта в социальных сетях. И не только учитывается — из соцсетей на сайт приходит довольно приличный трафик. Собственно, это неудивительно — ныне многие популярные «группы» и «паблики» в соцсетях в состоянии «заткнуть за пояс» по количеству посетителей даже крупные сайты.

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


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


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



    Подписывайтесь и читайте новости от ITквариат раньше остальных в нашем Telegram-канале !

    Поделитесь этой новостью с друзьями!

    Эдуард ТРОШИН

    ITkvariat

    Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!  

    И еще на эту тему...
  • LG G6: большой тест - обзор
  • AppleTV: консоль, медиапроигрыватель или…
  • Игровой ноутбук с СЖО ASUS ROG GX700. Потому, что можем…
  • Бюджетный и производительный. Компактный NAS-сервер Thecus N2810
  • Вольный обзор языков программирования
  • Репортажная зеркальная цифровая фотокамера Nikon D500. Новый флагман для искушенных.
  • Многофункциональное устройство для малого офиса Xerox WorkCentre 3225DNI


  • А что вы думаете? Напишите в комментариях!
    Кликните на изображение чтобы обновить код, если он неразборчив



    В комментариях запрещено использовать ненормативную лексику, оскорблять других пользователей сайта, запрещены активные ссылки на сторонние сайты и реклама в комментариях. Уважаемые читатели! Просим вас, оставляя комментарии, уважать друг друга и не злоупотреблять свободой слова. Пользователи, которые нарушают эти правила грубо или систематически, будут заблокированы.

    Полная версия правил

Что бывало...

Проверьте скорость вашего интернета!


Самое популярное
    
Наши друзья
Магазин кабелей и аксессуаров UGREEN

Студия 3D-печати PRO3D

Веб-программист Клим Жаров

Майки с картинками

Самоклейкин

Смарт

Hoster


ITkvariat - трудности веб-строительства




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


Установить движок и заставить его корректно работать – только полдела. Необходимо создать соответствующий пользовательский интерфейс, который будет удобен и понятен. Немаловажное значение имеет и правильная техническая разработка сайта, которая включает его адаптацию к требованиям поисковых машин, оптимизацию, корректное внедрение и использование элементов HTML (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине, а также CSS и JS (о них ниже).


Масса времени ушла у меня на расчистку «мусора», устаревших элементов HTML и CSS, лишних пробелов, табуляций и переносов в коде страниц, в чем мне очень помог валидатор W3.org. Причем, эту работу я так и не закончил – уж больно её было много. Только одних элементов align (форматирование изображений) в ссылках изображений было под несколько сотен, а их требовалось заменить соответствующими стилями CSS (Cascading Style Sheets) каскадных таблиц стилей — свода стилевых описаний, тех или иных HTML тегов. Какая-нибудь маленькая "менюшка" могла отнять целый день жизни - ну не хотела она становиться, как надо - съезжала в сторону или вовсе не работала.


Но это ещё, так сказать «цветочки». «Ягодки» - это необходимая оптимизация элементов jаvascript (если так проще — вызовов программ программ на языке jаvascript) и CSS, которые, находясь в верхней части любой странички, несколько замедляют её загрузку. Их нужно как-то объединить, оптимизировать и, по возможности, сжать, чтобы их подключение как можно меньше влияло на скорость отображения данных. Мне удалось кое-что сделать  в этом направлении, но, к сожалению, все оптимизировать не так просто – для этого пришлось бы переписать весь шаблон сайта заново.


Важных аспектов в работе над сайтом очень много — это, например, кэширование самого сайта и соответствующие настройки сервера, которые позволяют ускорить его работу и отдавать пользователям наиболее актуальные версии страниц быстрее, не затрудняя, при этом, доступа к ресурсу и защищая его от перегрузки (если что «кэш» — это что-то вроде временной памяти, где веб-страницы хранятся некоторое время, что позволяет не загружать их заново). В сети не так уж много мануалов по правильному кэшированию веб-серверов и сайтов, а между тем, это очень важный элемент работы всего веба. Кэшированием на сайте можно управлять с помощью МЕТА-тегов, а если позволяют возможности хостинга – и с помощью HTTP-заголовков.


Сайту (любому) сегодня важно иметь сертификат SSL/ SSL — Secure Socket Layer (стандарт безопасности, который используется, чтобы обеспечить зашифрованное соединение между сайтом и браузером). Сайт, имеющий такой сертификат, становится доступен по более защищенному протоколу HTTPS, а значит, будет соответствовать современным требованиям, что также учитывается поисковыми машинами. И в этом случае потребуется дополнительная директива host в файле robots.txt, которая укажет поисковым машинам на основное зеркало, доступное по HTTPS.


Сайт должен правильно отрабатывать ошибки – как минимум, 404 (страница, которой не существует), а максимум и остальные — с 300-й по 510-ю. У сайта должны наличествовать заголовки и описание страницы, а также заголовки в информационном наполнении - H1 (только один на странице, в качестве родительского) и остальные, по убыванию – раскрывающие содержание сайта в виде своеобразного «дерева пользовательских данных» (я сам сей термин придумал). Важно и «расклеить» домен. Оказывается поисковые машины считают сайт www.itkvariat.com и itkvariat.com разными сайтами. И если на них содержится одинаковая информация (а она, естественно, одинаковая – это один сайт), сей фактор становится отрицательным фактором в продвижении ресурса. Поэтому, домен пришлось расклеить, воспользовавшись все той же директивой host в файле robots.txt (я указал в ней, что основным доменом является itkvariat.com и поисковые машины это учли).


Много вещей я сделал параллельно этой работе — частично запустил полнотекстовый поиск, настроил обратную связь, комментарии на AJAX (без перезагрузки страницы), немного оптимизировал базу данных сайта и т. д.

Впрочем, есть мелочи и попроще, на которые, тем не менее, стоит обратить внимание. Неким открытием для меня, например, стал тот факт, что сайту неплохо иметь faviсon – картинку специального формата, которая отображается в адресной строке, рядом с URL. Эта «иконка» видна пользователю уже при загрузке адреса сайта, а значит, сразу же позволит получить немного информации о нем.


Хорошей практикой является оптимизация внутренних ссылок, когда все они ведут на наиболее значимые страницы ресурса, не «распыляя» трафик.  Считается, что ссылок должно быть порядка сотни, у нас, к сожалению, их пока многовато – около 300. Не должно быть на сайте и большого количества внешних ссылок — они трафик «уводят», присваивая его тем ресурсам, на которые сайт ссылается (в том случае, если сайт-реципиент более авторитетный и крупный).


Интересно, что сегодня, как положительный фактор учитывается даже наличие страничек сайта в социальных сетях. И не только учитывается — из соцсетей на сайт приходит довольно приличный трафик. Собственно, это неудивительно — ныне многие популярные «группы» и «паблики» в соцсетях в состоянии «заткнуть за пояс» по количеству посетителей даже крупные сайты.

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


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


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



Подписывайтесь и читайте новости от ITквариат раньше остальных в нашем Telegram-канале !

Поделитесь этой новостью с друзьями!

Эдуард ТРОШИН

ITkvariat

Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!  

И еще на эту тему...
  • LG G6: большой тест - обзор
  • AppleTV: консоль, медиапроигрыватель или…
  • Игровой ноутбук с СЖО ASUS ROG GX700. Потому, что можем…
  • Бюджетный и производительный. Компактный NAS-сервер Thecus N2810
  • Вольный обзор языков программирования
  • Репортажная зеркальная цифровая фотокамера Nikon D500. Новый флагман для искушенных.
  • Многофункциональное устройство для малого офиса Xerox WorkCentre 3225DNI


  • А что вы думаете? Напишите в комментариях!
    Кликните на изображение чтобы обновить код, если он неразборчив



    В комментариях запрещено использовать ненормативную лексику, оскорблять других пользователей сайта, запрещены активные ссылки на сторонние сайты и реклама в комментариях. Уважаемые читатели! Просим вас, оставляя комментарии, уважать друг друга и не злоупотреблять свободой слова. Пользователи, которые нарушают эти правила грубо или систематически, будут заблокированы.

    Полная версия правил
    ITквариат Powered by © 1996-2019