Веб студия

от  3000

Правильная верстка сайта

Правильная верстка сайта
  • корректная структура html
  • Заполнения обязательных атрибутов
  • Заполнение мета-тегов
  • Соблюдение стандартов

сомнения - останавливают действия, действия - останавливают сомнения

Верстка сайта как и многие вещи в нашем мире - это тоже своего рода стандарт. И профессиональный веб разработчик должен его знать и ему следовать. Html теги были разработаны не просто так, а для того чтобы показать тот или иной блок, текст или изображение на сайте.

Да, процесс стилизации html тегов позволяет изменить множество их свойств, но от этого прямое назначение html тегов не меняется, а значит не меняются и стандарты, по которым они должны располагаться на странице и по которым заполняться.

im

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

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

im

Meta тег keywords - это тег, в котором заключены главные ключевые слова, на которые ориентирована страница. Несколько лет назад поисковые системы объявили о том, что этот тег они больше не учитывают при анализе страницы, но доподлинно не известно так ли это на самом деле или нет, поэтому если есть возможность заполнять этот тег, лучше это делать.

Теперь переходим к тому, что видно на странице. Заголовки первого и второго уровней (h1, h2). Заголовок первого уровня должен встречаться на странице только один раз и озаглавливать ее. Он должен содержать тему страницы, о чем она и не быть длиной в несколько абзацев. Заголовок h2 - имеет более неоднозначные данные. Ну то что это второй по важности заголовок на странице, наверное, Вы поняли и то что в него надо вставлять немного более конкретизированную поисковую фразу - тоже. Но вот о количестве заголовков h2 на одной странице мнения расходятся.

im

Кто то говорит, что их можно использовать несколько, кто-то так же рекомендует его использовать лишь один раз. Судя по нашим наблюдениям использование заголовка h2 несколько раз уж точно не ухудшает  ранжирование страницы поисковыми системами.

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

im

И наконец еще одно, когда на страницу добавляется изображение, у него есть атрибут ALT. Он служит для того, чтобы если изображение по каким то причинам на странице не отобразилось, показалось то что написано в этом атрибуте и посетитель страницы мог понять хотя бы суть того, что Вы хотели показать ему. Этот атрибут также обязательно должен быть заполнен для каждого выводимого на страницу изображения

im

Отзывы о нас

Руководитель интернет магазина Dari40.ru
Обратилась в компанию Veles-web за разработкой интернет магазина подарков.
До этого о создании сайтов ничего не знала, очень понравилось отношение сотрудников. Получила итог, который и не планировала вовсе. Большую часть работы наших менеджеров выполняет сайт. Причем, при его создании сотрудники веб студии даже последовательность работы менеджеров учли и теперь сайт сам предусматривает даже возможные ошибки менеджеров.
Успехов Вам, если ещё что-нибудь буду делать из сайтов, то только совместно с Veles-web))
 
Директор по стратегическому развитию компании Diboni
За разработкой нашего интернет магазина обратились в компанию Veles-web.
 
Задача стояла сложнейшая, необходимо было реализовать систему работы с оптовыми и розничными покупателями, настроить множество фильтров, создать административную панель с разными уровнями доступов и соответственно разными уровнями управления и редактирования, с обработчиками текстов, фотографий и так далее... всего и не описать.
 
За время работы над проектом, наши компании фактически сроднились, столько сил,времени,труда,упорства, креатива,мыслей было вложено в написание нашего сайта.
 
Очень довольны результатом проделанной работы, и с удовольствием всем рекомендуем компанию Veles-web. На текущий момент продолжаем сотрудничество по проекту
Руководитель компании М-StUDIO
Работали с компанией Veles web над созданием сайта kupe-studio.ru.
 
Первичная задача была создать, уникальный, нетипичный дизайнерский сайт по продаже мебели, при этом он должен был быть логичным и понятным конечному пользователю.
В последствии захотели большего. Не просто сайт, а и каталог внутри него.
Финальный результат превзошел, все наши первоначальные ожидания.
 
Теперь для нас, как заказчиков, работа с компанией Veles-web - это гарантия, что проект будет эффективным и не оставит равнодушным аудиторию, а совместная работа оставит только приятные впечатления.
Директор гостевого дома Янтарь

С большим удовольствием рекомендую Veles-web тем, кто хочет разработать не обычный продукт, а сделать его качественным и креативным, с учётом всех деталей и пожеланий, точно в обозначенные сроки.

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

Управляющий директор проекта nice-rest.ru
Обратились в компаниею Veles-web по рекомендации.
Нужен был быстрый, лёгкий, яркий сайт под поисковое продвижение.
Сотрудники студии уловили замысел и идею. Воплотили всё в лучшем виде, даже быстрее обозначенного срока. 
Работой очень довольны. В ближайшем будущем планируем ещё проекты, за реализацией только в эту веб студию
Земеститель генерального директора ООО "ЦОТ АСЭКО"
Сотрудники Veles web чётко поняли чего мы хотим. Далее приступили к разработке, создание сайта стандартно делилось на 3 этапа: Дизайн, Вёрстка, Программирование. На каждом этапе сотрудники компании всегда внимательно выслушивали наши комментарии, быстро и качественно правили и корректировали все нюансы по сайту.
Особенно хотелось бы отметить удобство административной панели, были приятно удивлены, сайт полностью самостоятельно редактируем, нет лишних папок, вкладок, названий, так же система всегда предупреждает администратора если ключевые поля не заполнены.
На текущий момент, наш сайт заполняем. Все дальнейшие проекты однозначно будем реализовывать с Veles-web, всегда приятно работать с профессионалами.
arrow_rew
arrow_forward