ПЗ (1212777), страница 2
Текст из файла (страница 2)
Сайт должен обладать четкой структурой для обеспечения легкой навигации. Названия основных разделов, расположенные на главной странице, должны нести общую информацию о содержимом, а названия подразделов – детализировать ее. Правильная структура сайта имеет один вход и один выход. Посетитель, заходя на главную страницу web-сайта, находит интересующую его информацию, под которой находится ссылка на страницу, где ее можно найти. Таким образом, посетитель продвигается от главной страницы к внутренним страницам. Единственный выход с сайта у посетителя лежит через посещение как минимум двух страниц, что увеличивает показания счетчика посещений (такой принцип называется - принцип «воронки»).
Виды внутренней структуры сайта:
-
древовидная структура. Содержимое каждой страницы кроме главной входит в виде подраздела в страницу более высокого уровня;
-
линейная структура. Если материал выстраивается в логическую цепочку, образуется линейная структура. Линейная цепочка обязана иметь начало и конец;
-
решетчатая структура. Основана на построении системы навигации сайта, когда между вертикальными и горизонтальными страницами имеется взаимная связь и возможность быстрого перехода с одной страницы на другую без необходимости посещения промежуточных страниц;
-
гибридная структура. На практике используются и древовидная и последовательная структуры. Например, оглавление каталога статей начинается с иерархически расположенных страниц, но каждую отдельную главу или статью зачастую имеет смысл разбить на несколько следующих друг за другом кусочков. Обратная конфигурация, когда ветки древовидной структуры вырастают их узлов линейной структуры, встречается реже [9].
-
Инструменты создания сайтов
Язык разметки HTML
Работа над любым web-сайтом начинается с выбора специализированных языков, позволяющих произвести вёрстку сайта (организация контента статических страниц), а также разработки уникального, эргономичного дизайна [10].
Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы – браузера. Наибольшее распространение в настоящее время получили браузеры Google Chrome, Яндекс Браузер, Mozilla Firefox, Microsoft Edge.
HTML-документ состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером [11].
Современные версии HTML:
-
HTML5 – 28 октября 2014 года;
-
HTML 5.1 – 1 ноября 2016 года.
Правильное оформление мета-тегов: <title>, <description>, <keywords>, а также тегов <Н1>, <Н2>, <Н3> и <strong> играет важную роль в оптимизации сайта.
Тег <title> - это заголовок сайта, он наиболее интересен для поисковых систем и имеет самое большее значение из всех тегов. Содержание именно этого тега обозначается в строке поисковой выдачи, поэтому описание должно содержать не только ключевые слова, а давать отличное представление о содержании страницы, привлекать на нее посетителей. В <title> сначала прописываются высокочастотные ключевые слова, а потом – ключевые слова по убыванию важности. Желательная длина <title> – до 60 знаков с пробелами. Использование точки и двоеточия нежелательно – вместо них ставьте тире. Так же в описании <title> не рекомендуется делать несколько предложений.
Вторым по важности из мета-тегов считается <description>. Он более подробно раскрывает содержание страницы. От того, насколько это описание будет интересным, зависит, будут ли пользователи переходить на web-страницу. Основные правила написания мета-тега <description>: в описание тега должно быть включено ключевое слово, он должен быть уникальным для каждой страницы, длина описания тега – не более 150 символов.
Тег <Keywords> был придуман для пояснения поисковым системам, какие ключевые слова присутствуют на странице. В настоящее время он почти ими не используется. Тем не менее, лучше заполнить этот тег. При заполнении следует добавлять только те ключевые слова, которые реально присутствуют на странице. Длина 5 - 6 слов, 50 - 100 символов.
Теги <H1>, <H2>, <H3> нужно использовать обязательно. Тег <H1> должен прописывать название статьи. <H2> надо использовать для написания заголовков в статье, а тег <H3> используется для подзаголовков. Тег <Н1> следует употребить на странице только ОДИН раз. Теги <Н2> и <Н3> можно употреблять на странице более одного раза, идеальный вариант 2 - 5 раз. Для правильной оптимизации сайта никогда не нужно использовать тег <H2> и <H3> выше, чем тег <H1>. Разбитие текста страницы с помощью этих тэгов поможет читателю лучше воспринимать текст.
Тег <strong> используется для выделения текста жирным шрифтом. Если применять его по отношению к ключевым фразам, их вес повышается. Не обязательно делать это для каждого словосочетания, достаточно нескольких подчеркиваний там, где необходимо поставить акцент по смыслу [12].
Каскадная таблица стилей CSS
CSS (Cascading Style Sheets) – каскадная таблица стилей, которая разработана специально для того, чтобы облегчить верстку сайта под определенный дизайн.
CSS – это язык стилей, который определяет, как будет выглядеть сайт. CSS может работать со шрифтами всего документа, цветами отдельных элементов, строками, размерами изображений, элементов, текстов, высотой и шириной, различными фоновыми эффектами, а также позициями и передвижением объектов. С помощью CSS можно изменить вид практически любого объекта, что поможет сделать сайт более уникальным в плане дизайна [13].
Онлайн конструкторы
Конструктор сайтов – это профильный онлайн сервис, позволяющий создавать и объединять web-страницы в целостную структуру – сайт – и управлять им, не обладая специальными техническими знаниями. Файлы созданного сайта размещены в облачном хранилище – хостинге, стабильность и безопасность работы которого поддерживается командой администраторов ресурса. Управление созданным сайтом осуществляется в онлайн-режиме посредством входа в учётную запись системы через любой браузер. Панель управления конструктора представляет собой структурированный интерфейс, содержащий инструменты (опции, настройки, редактор) для создания страниц, добавления функционала, редактирования дизайна, продвижения и обслуживания сайта.
Online-конструкторы уже давно пользуются спросом у пользователей. При выборе конструктора важно учитывать требования той задачи, которую требуется решить. Есть как коммерческие, так и бюджетные версии таких систем [14].
Fo.ru – online-конструктор для сайтов-визиток.
Преимущества:
-
простой интерфейс, удобный визуальный редактор;
-
многообразие современных шаблонов, состоящих из модулей, которые можно менять;
-
отсутствие рекламы;
-
наличие партнёрской программы;
-
возможность публикации Интернет-магазина в формате приложений для iOS, Android, Facebook и Вконтакте.
Недостатки:
-
слабая техподдержка;
-
недостаточное количество настроек, невысокая функциональность;
-
наличие платных пакетов.
Конструктор сайтов Wix
Преимущества:
-
большое количество качественных и разнообразных шаблонов;
-
возможность создания собственного уникального шаблона;
-
поддержка HTML5, возможность создания сайтов на flash;
-
поддержка функции Drag & Drop;
-
созданные сайты хорошо индексируются поисковыми системами;
-
русифицированный интерфейс;
-
возможность создания мобильной версии ресурса и страниц для социальной сети и т.д.
Недостатки:
-
адрес страницы в бесплатной версии имеет вид wixлогин.wix.com/название сайта;
-
недостаточно материалов в справочной системе;
-
наличие рекламы (отключить можно за деньги) [15].
Системы CMS
Content System Management (CMS) – система управления контентом (содержимым) сайта, комплексная программа, позволяющая создавать и поддерживать Интернет-проекты любой сложности. Система управления сайтом обеспечивает пользователя необходимыми визуальными средствами для создания интерактивных страниц сайта, содержимое которых можно изменять в считанные секунды, используя встроенный в систему текстовый редактор. Кроме этого, CMS предоставляют пользователю огромный спектр дополнительных услуг, таких как менеджмент пользователей сайта, публикация новостей или статей, форумы, блоги, Интернет-магазины, галереи, доски объявлений и многое другое [16].
Все системы представляют некий базис для работы с пользователями сайта, новостями, фотографиями, личными сообщениями и т. д., поэтому выбор той или иной системы будет зависеть от направленности и сложности проекта. На рынке сейчас имеется большое количество различных систем управления сайтом.
Наиболее востребованные CMS на бесплатной основе – «JOOMLA!», WordPress. Это хорошо зарекомендовавшие себя системы, которые подойдут для создания проектов любой сложности с минимальными денежными затратами.
«JOOMLA!» (http://www.joom.ru) – это одна из наиболее мощных и распространенных систем управления сайтом. Повсеместное распространение системы обеспечили простота использования, надежность и легкость установки в сочетании с уникальной настраиваемой функциональностью управления.
WordPress (http://www.mywordpress.ru) – система, ориентированная на ведение блогов. Ее отличает простота установки, настройки, имеются дополнительные модули и большой выбор тем оформления [17].
-
Оптимизация сайта
-
Размещение сайта в сети «Интернет»
-
Для размещения сайта в сети «Интернет» необходимо получить адрес. Каждый сайт имеет свои идентификаторы, которые включают в себя: аббревиатуру (www), непосредственно адрес сайта, и доменную зону (RU, COM, и т.д.). Например, www.energy27.ru. Данный уникальный идентификатор ресурса известен как URL (Universal Recourse Locator), который является простым адресом сайта в сети «Интернет». После набора адреса сайта в браузере механизмы службы доменных имен (DNS – Domain Name System) обрабатывают адрес и открывают запрашиваемый Интернет-сайт.
При регистрации доменного имени у регистратора или в DNS службе происходит «привязка» этого имени к DNS серверам провайдера хостинг услуг. Каждый провайдер хостинга имеет свои DNS серверы. В результате осуществляется автоматическая переадресация на сайт по URL.
Интернет-провайдер (от англ. Internet service provider, сокр. ISP — поставщик Интернет-услуги) – организация, предоставляющая услуги доступа к сети «Интернет» и иные связанные с Интернет-услуги.
К услугам Интернет-провайдеров относят:
– широкополосный доступ в сети «Интернет»;
– коммутируемый доступ в сети «Интернет»;
– беспроводной доступ в сети «Интернет»;
– выделение дискового пространства для хранения и обеспечения работы сайтов (хостинг);
– поддержка электронных почтовых ящиков или виртуального почтового сервера;
– размещение оборудования клиента на площадке провайдера (колокация);
– аренда выделенных и виртуальных серверов (VPS, VDS);
– резервирование данных.
В соответствии с предоставляемыми услугами их можно разделить на категории:
– провайдеры доступа;
– хостинг-провайдеры;
– магистральные (англ. backbone) провайдеры;
– канальные провайдеры;
– провайдеры последней мили [18].
Сервер – специальный компьютер, настроенный для обеспечения постоянной бесперебойной работы ваших сайтов.
Хостинг – услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети «Интернет». Это услуги виртуального хостинга, услуги виртуального выделенного сервера и аренда выделенного сервера. Каждая услуга отличается друг от друга по своим техническим особенностям, но в целом используется одинаковый подход – это построение клиентских площадок на базе web-серверов.
Виртуальный хостинг – это одна из наиболее распространенных и часто используемых услуг. Этот вид хостинга является самым дешевым и доступным широкому кругу людей. Смысл виртуального хостинга заключается в одновременном использовании различными людьми общих ресурсов сервера или части сервера, а именно дискового пространства, памяти, базы данных и процессорного времени. По этой схеме каждому пользователю на сервере выделяются определенная дисковая квота (в зависимости от тарифного плана) и определенные ресурсы сервера, которые он может использовать.
Виртуальный выделенный сервер. Для обозначения этого вида услуг используются аббревиатуры VPS (Virtual Private Server) или VDS (Virtual Dedicated Server). Внутри мощного сервера создается несколько виртуальных серверов (фактически разделов), где каждый из серверов снабжен своей операционной системой, сопутствующим программным обеспечением и фиксированными системными ресурсами. Благодаря чему этот вид хостинга и называется виртуальным выделенным сервером, поскольку является выделенной частью самого сервера.
Выделенный сервер. Этот вид услуг используется в большей степени крупными организациями или очень крупными проектами, которые невозможно реализовать в рамках виртуального выделенного сервера. Выделенный сервер, в отличие от виртуального выделенного сервера, – это высокопроизводительный сервер, который сдает в аренду провайдер, с которым можно работать удаленно. Для обслуживания сервера необходимо нанять штат работников или воспользоваться услугами провайдера по администрированию [19].
-
Виды оптимизации сайта
Оптимизация сайта - это набор методов и средств для продвижения сайта в сети «Интернет».
В настоящее время существуют следующие методы оптимизации сайта.
«Белая» оптимизация сайта – это легальные профессиональные методы, дополняющие друг друга и дающие стабильный результат. Это работа над ресурсом без применения официально запрещённых каждой поисковой системой методов продвижения ресурса.
«Серая» оптимизация сайта официально не запрещена, но её использование может быть расценено как неестественное завышение популярности сайта. К ней можно отнести добавление большого количества ключевых слов в текст страницы, дорвеи (специально оптимизированная ссылка для определенного запроса) без перенаправления URL. Поисковые системы могут временно или постоянно заблокировать такой сайт.
«Чёрная» оптимизация сайта - это методы и набор приемов, которые противоречат правилам поисковых систем. Среди них можно выделить дорвеи, клоакинг (выводится не то что искал пользователь), скрытый текст, «однопиксельные ссылки».
-
Внутренняя оптимизация сайта
Внутренняя оптимизация сайта – это комплекс специальных мероприятий, направленных на улучшение его индексации и видимости страниц в различных поисковых системах.