ТехСтоп, Екатеринбург, Россия - технологии для работы и развлечений.

Советы по улучшению качества сайта.

Спецификации интернета и мониторинг ошибок сайта.

Следование спецификациям HTML5, W3C и основам оптимизации сайтов – позволило получить веб-ресурсу techstop-ekb.ru среднюю оценку 75% из 100% … Не только от вебмастера зависит финишная отладка и достижение максимальных показателей сайта … Здесь присутствуют негативные моменты огрехов администрирования хостинга, нестыковки в требованиях спецификаций и онлайн анализаторов сайтов, реалии современных технологий обработки информации, веб-поиска, веб-ранжирования и использование методов структуризации данных по различным признакам и, даже, скоростные характеристики промежуточных узлов интернета …

Постоянный мониторинг технических ошибок и ошибок оптимизации / раскрутки веб-ресурса позволяет устранить основные неисправности сайта и накопить знания по совершенствованию и дальнейшему развитию / продвижению комплекса интернет страниц …

Сайт techstop-ekb.ru – это домашняя страничка / блог по интересам, с некоторым про / образом формы информационного интернет портала … Сайты такого типа хорошо индексируются поисковыми машинами благодаря уникальности представляемой информации и не нуждаются в большинстве советов по оптимизации, предназначенных для крупных интернет ресурсов и корпоративных сайтов, использующих большинство современных программных и интернет технологий … Однако, бездушные лекари / анализаторы сайтов онлайн – беспристрастно выписывают рецепты по оптимизации сайтов / и хостингов, на которых они расположены …

С некоторыми, из таких рецептов уровня профессионального веб-мастерства, мне бы и хотелось ознакомить читателей / посетителей моего сайта … Ну и, зачем мне все это нужно? – спросите вы … Правильный вопрос! Понятия не имею, зачем нам все это пропыживают … Давайте разбираться вместе, но решения применять эти советы / или, нет – каждый должен принять индивидуально, для себя, в соответствии с собственной стратегией развития своего сайта, которая необязательно должна быть плохая … А, почему бы и нет?

Итак, разработчики онлайн анализаторов сайтов уверены, что следуя их рекомендациям ваш сайт станет супер / пупер … Я, думаю : хрена – лысого … Или, волосатого – кому / как угодно … Каждый сервис дает некоторые рекомендации, на его вкус, но – увидеть картину в целом позволит только комплексный мониторинг советов по раскрутке и оптимизации сайта … Кстати, обратите внимание на две занятные вещи :
- посещая сайты анализаторов и статистики – вы раскручиваете их сайты, но не свой, хотя определенные положительные моменты можно подцепить и намотать на ус … Если усов нет / или никогда не будет – можно наматывать на любые подходящие, для этого, основания …
- что меня убивает больше всего – так это одновременное изменение статистики в Яндекс и Google … Хотя они и позиционируют себя, как индивидуумы и противоборцы – такое чувство, что над ними стоит некий вышестоящий орган, который указывает им, как себя вести по отношению к тому или иному сайту … Некий глобальный координатор интернета … Иначе – статистика не должна была бы вести себя подобным образом …

Советы по раскрутке, продвижению и оптимизации сайта.

Остановимся на моментах оптимизации сайта и советам по ее улучшению – подробнее … На таких базовых моментах, как : favicon.ico, robots.txt, sitemap.xml – даже останавливаться не будем (об этом должны знать все начинающие вебмастера) …


Создать сенсорный значок / touch icon … Используйте запоминающийся логотип в качестве сенсорного значка, чтобы ваш сайт оставил хорошее впечатление, как закладка на мобильных устройствах. Создайте свой логотип в виде файла изображения PNG. Для поддержки текущих устройств файл должен быть доступен в двух версиях : 152x152px и 120x120px. Расположение файлов – в корневом каталоге вашего веб-сайта :
apple-touch-icon-152x152-precomposed.png
apple-touch-icon-120x120-precomposed.png

Теперь вставьте следующий код в область заголовка вашего сайта :
<link rel = "apple-touch-icon" sizes = "120x120" href = "/ apple-touch-icon-120x120-precomposed.png" />
<link rel = "apple-touch-icon" sizes = "152x152" href = "/ apple-touch-icon-152x152-precomposed.png" />

Примечание : некоторые онлайн анализаторы считают эти размеры неподходящими / ошибочными ... Другие - вообще бракуют код ... Единственный онлайн сервис генерации иконок для всех возможных браузеров и устройств, который можно порекомендовать, это - Генератор всех favicon для сайта - Favic-o-Matic ... При анализе сайта в онлайн сервисе Labrika.ru очередной раз вскрылась проблема несовместимости стандартов при анализе кода страниц ... Как правильно выбирать значения тегов : apple-touch-icon или apple-touch-icon-precomposed ? Вот что по этому поводу говорят валидаторы HTML кода (и ответ на вопрос, откуда растут ноги у ошибок) :

Тест HTML кода в анализаторе W3C, проверка на icon precomposed. Тест HTML кода в анализаторе Validator.nu, проверка на icon precomposed.

То, что приемлимо для одних - серьезная ошибка у других ... Выводы делайте сами ... Удаляешь из кода -precomposed из кода сайта и получаешь :

Validator.nu не любит значение icon -precomposed ))) ...

Обновить версию PHP : Обновите свою версию PHP, чтобы предыдущие уязвимости не могли быть использованы для потенциальных атак на ваш сайт. В большинстве случаев – это проблема администратора сервера / хостинга … Ребята / анализатороведы (я правильно понял - проверочное слово : анал?) - ну не могут веб-мастера в значительной мере влиять / а, тем более - кусаться с тех / поддержкой хостинга ... Сами, подумайте : ну, какой системный администратор станет ломать настроенную машину сервера веб-хостинга каким-то непонятным обновлением, у которого еще и настройки не совпадают с предыдущей версией ... А, на хостинге = 200 сайтов ... И, что?


Скрыть версию сервера : если версия вашего сервера не скрыта. Это увеличивает риск потенциальной атаки. Скрыть страницу статуса вашего веб-сервера. По запросу можно идентифицировать сервер, например, как : NGINX … Убедитесь, что используемый вами веб-сервер не показывает сигнатуру сервера. Если вы используете веб-сервер Apache, вы можете управлять этим с помощью директивы ServerSignature.

Примечание : эти вопросы к администратору сервера / хостинга ...


Используйте CDN : Сеть доставки контента (CDN) оптимизирует доставку контента вашего сайта вашим посетителям. Это особенно полезно, если у вас есть посетители, которые просматривают ваш сайт из разных географических регионов.

Наверно - это не плохая фича ... Как использовать CDN для сайта? Подключившись к сети CDN сайт станет обладать следующими преимуществами : кэширование динамического контента, загрузка сайта за 0.1 секунды, 100% аптайм с гарантией ... Получите максимальную скорость сайта ... Как, минимум, необходимо для высоко / нагруженных проектов ... Цены на платные подключения к CDN сети от 850 рублей до 8500 рублей ... Также, можно рассмотреть и бесплатные CDN сети ...


Удалите цепочки редиректов / ошибки кодов счетчиков посещения страниц сайта и в коде скриптов аналитики ... Ох, уж - эти счетчики для сайта ... Именно - они становятся проблемой снижения скорости загрузки сайта, провоцируют превышение количества допустимых HTTP соединений на странице, грешат пустыми тегами ALT и TITLE - за что онлайн анализаторы работоспособности сайта вставляют по самое не балуйся ...

Так - а мы, то (вебмастера) - здесь причем ? Соглашение об установке счетчика на страницу - читали ? : не изменять код счетчика ... Чихал я на их соглашения ... И высмаркивался, утираясь их криворуким кодом ... Вот, последний пример : предварительно провозившись, вручную исправив все внешние коды счетчиков / аналитики до приемлемого состояния ( W3C / Nu Html Checker : Проверка документа - ошибок или предупреждений нет ) - как натыкаюсь на счетчик веб / аналитики - Statcounter ... Блин ... Оказывается этот счетчик подходит для использования на всех фаворитных платформах / конструкторах для создания веб сайтов : Tumblr , Blogger , WordPress , Squarespace , Dreamweaver , Google Sites , Weebly , Wix , Joomla! , GoDaddy , Drupal , Shopify и еще более 70 платформ ... Глаза разбежались, руки затряслись ... Думаю : что это я, лохушка, до сих пор еще не воткнул его себе на сайт ... Страница статистики Statcounter предоставляет информацию о сайте весьма емко и информативно, влекущий дизайн ... Проверяю сайт после установки счетчика Statcounter : 5 ошибок ... Ну, что же вы, рукожопые - не могли сами проверить свой код счетчика на бесплатном анализаторе кода W3C ? Весь эффект от удовольствия - смазан ... Триал 30 дней, затем наверно денюжки попросят ...

Примечание : попросили, но не сильно ... или, предложили версию статистики с рекламой ...


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

Ну, что я могу ответить на ваше предложение? Сайт изначально разрабатывался для совместимости с отображением на мобильных устройствах ... За добавление лишних CSS стилей и увеличение размера файла CSS - веб анализаторы сайта сразу начнут полоскать мозга ... Полоскать мозга - очень точное определение ))) ... Посмотреть, как сайт отображается на мобильных устройствах - можно на странице Онлайн тест отображения сайта на мобильных девайсах ... Поэтому большого смысла в @MEDIA CSS, Яндекс Турбо или Google AMP нет и не требуется - сайт одинаково отображается на большинстве устройств ... Но, вот упреки, в недоработке, продолжают стабильно поступать - и это обидно ...


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

Что-то я не вижу особого эффекта от этих действий ... И, первая версия Поделиться с друзьями ссылкой на сайт, и та - что сейчас на сайте - особо не работают ... Вообще, читал мнение, что социальные ссылки на сайте - ничто иное, как придуманный способ раскрутки социальных сетей ... Им идет плюсик - а, вам - нет ... То, же касается специальных выделенных страниц в Facebook, Twitter, Instagram, VK и прочих - практически никакого толка ... Держу ради приличия, но мысли отказаться уже блуждают в голове ... Кстати - использование этого пунктика также было навеяно сервисами онлайн анализа сайтов ...

Примечание : особенно меня бесит фейсбук, толку от него - как от козла молока ...


URL сайта включают расширение файла. Избегайте использования расширений файлов, где это возможно. Расширения файлов появляются в конце веб-адресов и имеют несколько негативных последствий. Они затрудняют запоминание или ввод адреса (особенно для нетехнических пользователей) и могут раскрыть основную технологию веб-сайта, делая его немного более уязвимым для хакеров. Они также привязывают реализацию веб-сайта к определенной технологии, что может затруднить последующую миграцию URL-адресов. Рассматривайте переписывание URL как эффективный и прозрачный способ создания соответствующих URL.

Не вижу особого вредного влияния ... Создавать адреса без расширений нужно сразу, до индексации в поисковых машинах ... Сейчас это может создать проблемы ... Тем более, что при сохранении странички на диск - она все равно будет записана с расширением, что вызовет путаницу, особенно у нетехнических пользователей, а другие - просто добавят страницу в закладки, и срать они хотели : с расширением она или без ...


Проблема : Дубликаты страниц - если веб-сайт возвращает содержимое страницы с косой чертой в URL или без нее. Поисковые системы могут рассматривать их как отдельные страницы с дублированным контентом, за который сайты могут быть оштрафованы. Используйте перенаправление 301 или канонический мета-тег, чтобы заставить поисковые системы видеть правильную версию.

Здесь кроется еще одна подводная проблема, которую провоцирует слеш для веб-атак на сайт : отображение страниц с несуществующим адресом ... Я пытался указать на эту особенность администраторам хостинга - но они сослались на неправильный формат ссылок на моем сайте ... Вот, смотрите сами, существует страница :
http://techstop-ekb.ru/index.htm - она одна и другой ее версии не существует ...
- Теперь делаем злонамеренный ввод искаженного адреса URL :
index.htm/test
или
index.htm/test/
... Абсурд - такой страницы не существует, но она - открывается ... Со стороны сервера : ни редиректа 301, ни ошибки отсутствия страницы 404 ... Так - при чем здесь формат ссылок, которые я использую на сайте - если этого адреса не существует ??? ...

Предполагаемое решение : существует способ htaccess удалить расширение файла у веб-страницы - если такое решение существует, почему его нельзя слегка модифицировать, чтобы отсекалась любая информация после .htm ? Я, думаю - это вполне возможно, просто никто не хочет этим заниматься (или, не озадачились проблемой) и готового решения я не нашел ...


Блокировка рендеринга страницы : время не на твоей стороне. Удалите или отложите JavaScript и CSS, которые мешают загрузке содержимого.

Ну что там может мешать ? 1 неполный килобайт CSS и 20 / 30 кб скриптов ... Да одни только подключенные счетчики статистики и аналитики, упиханные скриптами - так вешают страницу, что устанешь ждать ... Их то - кто будет оптимизировать ? Ну и какие меры противодействия нам предлагают ?
- Выявить скрипты, блокирующие загрузку первого экрана страницы ...
- Выбрать метод исправления : встроить код скрипта в страницу или отложить загрузку ... Спросите, какой метод загрузки скриптов предпочтительнее acync или defer? - и вам скажут : никакой, оба метода имеют отрицательные / негативные последствия ...
- Сайты на основе CMS : не трогайте header.php - если вы не уверены в том, что делаете, иначе сайт рухнет или завалит ошибками ...
- Примените изменения только после тщательного тестирования работоспособности сайта - ну, это - и ежу понятно ... В постоянно развивающемся мире онлайн-маркетинга опережение любых потенциальных проблем имеет решающее значение для успеха.


Responsive / отзывчивый дизайн сайта ... Постарайся не отставать. Адаптивный дизайн дает вам повышение в поисковых рейтингах для поиска на мобильных устройствах ... Ну, а я вам о чем ? : разница между adaptive и responsive дизайном сайта ...

Причины, почему будущее за отзывчивым дизайном :
- Взрывной рост мобильного интернета и потребление мобильно / ориентированного контента ...
- Существует вероятность, что половина посетителей, неудовлетворенных мобильным представлением сайта - немедленно покинет его ...
- Ведение блога и социальная активность привлекают мобильных посетителей и увеличивают рост мобильного трафика ...
- Адаптивный дизайн предпочтительнее для SEO разработчиков и поддержки ... Google предпочитает адаптивный веб-дизайн по сравнению с мобильными шаблонами : простота сканирования сайта, алгоритм внешних ссылок и снижение вероятности ошибок SEO на странице. Адаптивные сайты обычно работают лучше и их проще поддерживать, чем отдельный мобильный сайт-шаблон.
- Скорость загрузки декстопной версии сайта на мобильный девайс ... Долгое ожидание загрузки страницы вызывает отток посетителей сайта ...
- Отзывчивый дизайн уже адаптирован к использованию будущими устройствами ... Одним из больших преимуществ адаптивного дизайна является то, что размер шаблона разработан на основе размера экрана, а не зависит от устройства. Это означает, что сайт будет отображаться правильно для любого экрана новых устройств : телевизоры, часы, очки и т.д., при этом отзывчивый сайт будет по-прежнему выглядеть красиво. В будущем крайне важно, чтобы веб-сайт предоставлял пользователям мобильных устройств простую в использовании среду. Наличие мобильного веб-сайта больше не является просто приятной функцией, скорее это необходимость и буквально влияет на рост вашего бизнеса ...

Проверить эти выкладки можно с помощью ... Я даже не знаю, как это назвать ... Платформа мобильных исследований и решений от Google : Думайте с Google : Исследования и инсайты от Google, где рассматриваются различные исследования эффективности цифрового бизнеса и присутствуют инструменты аналитики, такие как : Google Тренды, Потребительский барометр, Test my site, Планировщик ключевых слов и другие аналитические инструменты для бизнеса ...

На примере сервиса Test my site показывается, как мобильное применение помогает ведению цифрового бизнеса :
- Это прекрасно, что современные красочные сайты тестируются на мощных компьютерах и оптоволоконном интернете ... Но, по статистике Google 70% потенциальных покупателей до 2020 года продолжат использование низко / скоростного 3G мобильного интернета ... Проверьте эффективность и скорость загрузки сайта на мобильных устройствах - Google
- Это говорит о том, что после 3-х секундного ожидания посетитель покинет страницу и уйдет к конкуренту ...
- Проверьте свой сайт на готовность к работе в мобильной среде, используя сервис Test my site от Google ...
- Пример теста сайта techstop-ekb.ru :

Проверьте эффективность и скорость загрузки сайта на мобильных устройствах - Google

Безопасность / Сертификат SSL : Закройте входную дверь! SSL-сертификаты защищают сайты от атак и дают посетителям уверенность в том, что ваш сайт является подлинным и заслуживающим доверия.

В принципе малым сайтам иметь SSL сертификат - необязательно ... Но, если вы решите применять на сайте технологии, использующие HTTPS - вам придется установить SSL сертификат - бесплатный / или платный ... Не думаю, что наличие уникального контента на сайте без HTTPS останется без внимания поисковых машин и как-то сильно повлияет на ранжирование ... А, вот, использование чужого сертификата (например - хостинга) будет расцениваться, как поддельный сертификат, о чем посетитель сайта и будет уведомлен ...


Осторожно. Используйте как можно меньше объектов (графики, CSS, JavaScript, iFrames и XHTML) на странице. Относительное распределение задержки указывает, что задержки при обработке объектов преобладают над задержкой загрузки веб-страницы. Рассмотрите возможность сокращения, исключения и объединения внешних объектов, чтобы уменьшить общее количество HTTP-запросов.


Используйте для тега Title максимальную длину в 70 знаков. Краткие и емкие описания лучше отображаются ранжируются и точнее объясняют суть страницы ... Только - голову сломаешь, пока придумываешь их ...


Конфиденциальность электронной почты : не допускайте, чтобы адрес электронной почты мог быть найден в виде обычного текста. Количество возможного веб-спама будет снижено ...


Ошибки сканирования : используйте сведения об URL-адресах, которые не удалось успешно сканировать / или, которые, вернули код ошибки HTTP - для удаления ошибочных ссылок и устранения ошибок страниц сайта ...


Количество обратных ссылок : оценка обратных ссылок ранее рассматривалась, как индекс популярности веб-сайта ... С временем многие поисковики не то, чтобы отказались от их учета и непрестанно ведя борьбу с накручиванием ссылок - а, просто изменили алгоритмы ранжирования таким образом, что ссылки перестали играть главенствующую роль на фоне других / многочисленных факторов качества страницы ... Google же прямо предупреждает : не вынуждайте другие сайты ставить на ваш сайт обратные ссылки ... Видимо - за этим последует некое наказание ...


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

P.S. ... Вот сижу и думаю, кто дал мне право давать какие-то советы ? ... Ну ... Во-первых - это не мои советы, это обзор советов от профессионалов веб / мастеринга ... А, во-вторых, однажды мой друг / интернетчик сказал : ты же не интернет порталы пишешь, где на каждое слово стоит ссылка ... Простые сайты ... Так, вот ... Теперь я уже практически подошел вплотную к той точке сайтописания, где на каждое слово или мысль - стоит ссылка ...

5:00 20.03.2019

Поделиться ссылкой :

Быстрый поиск по сайту :


Главная страница сайта.

= = = Меню раздела = = =


© techstop-ekb.ru / Екатеринбург / 2019