Почему ваш сайт должен быть разработан с использованием CSS и семантической разметки?

Почему ваш сайт должен быть разработан с использованием CSS и семантической разметки?

Одна вещь, которую я узнал во время разработки сайтов в течение десятилетия, это то, что сеть постоянно меняется и что, чтобы не отставать, вы должны измениться вместе с ней. Одной из самых последних разработок в веб-дизайне является использование CSS и семантической разметки. У CSS и семантического веб-дизайна есть несколько преимуществ: четкость кода, совместимость браузеров и других веб-устройств, разделение контента и

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

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


Семантические страницы: информация о поисковых системах, использующих веб-роботов. Это может быть машиночитаемая информация о содержании документа (например, создатель, заголовок, описание и т. Д.) Документа (например, создатель) или простые метаданные, представляющие набор фактов. (такие как ресурсы и услуги). в другом месте на сайте). (Обратите внимание, что все, что может быть идентифицировано с помощью универсального идентификатора ресурса (URI), может быть описано, чтобы семантическая паутина могла рассуждать о людях, местах, идеях, чатах и ​​т. Д.)

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

Что еще более важно, разработка сайтов с помощью CSS позволяет нам эффективно разделять контент и презентацию. Вы когда-нибудь смотрели на исходный код HTML-страниц, созданных с помощью табличной презентации, и задавались вопросом, что здесь происходит? Вы видите много открытий и закрытий таблиц и строк таблиц, все смешанные с текстовым контентом и графикой. С помощью чистого макета на основе CSS вы можете создавать легкие для понимания страницы, просматривая исходный код, упрощая их понимание, управление и обновление. Посмотрите на источник сайта моей компании http://www.vp3media.com А затем посмотрите на исходный код этого сайта, который использует макет на основе таблицы: http://webservices.org/, Большая разница, а?

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

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

Мы все видели описания поисковых систем, которые не имеют смысла; Это потому, что пауки поисковых систем используют нисходящий метод для получения информации. Независимо от содержания вашего документа, поисковые системы будут считать, что это самая важная часть документа и поэтому должны использоваться в качестве описания. Поскольку мы разделяем контент и макет с помощью CSS, мы можем поместить наиболее важную информацию в верхнюю часть документа, независимо от того, где они на самом деле находятся на странице. Попробуйте это с таблицами!

Я надеюсь, что эта статья даст вам общее представление о том, почему важно перейти от вашего текущего макета на основе таблицы к полностью правильной реализации CSS. Если у вас нет веб-сайта, но вы планируете запустить его в ближайшее время, обязательно сообщите разработчикам, что вы хотите реализовать CSS. Если вам нужна помощь для перехода с вашего текущего сайта на основе таблиц на сайт на основе CSS, не стесняйтесь связаться со мной по адресу vp3media@gmail.com или позвоните мне по бесплатному номеру 1-877-320-4349, и я буду рад обсудить ваш сайт с вами.



Source by James Kendall

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *