Следующая статья поможет вам: Что такое домен сайта? Понимание терминологии веб-сайта
Вы только начинаете свой путь в веб-разработке? Независимо от того, являетесь ли вы новым разработчиком или будущим владельцем веб-сайта, вы должны понимать основы терминологии веб-сайтов. В этой статье мы расскажем, что вам нужно знать о доменных именах, а также о некоторых других важных веб-терминах.
Что такое домен?
Домен вашего сайта — это имя вашего сайта. Вы можете увидеть доменное имя каждого веб-сайта в его URL-адресе (ссылка на веб-страницу, которую вы просматриваете). Основной URL-адрес веб-сайта выглядит так: “www.examplewebsite.com/blog_post“. В этом примере доменное имя “examplewebsite.com”. Некоторые домены имеют разные расширения, например .gov, .org или .net, но все они служат одной цели, и это делает ваш веб-сайт простым в использовании. – помнить личность.
Как вы, наверное, знаете, два веб-сайта не могут иметь одно и то же доменное имя; двух “google.com” не бывает. По этой причине вам необходимо зарегистрировать и разместить свое доменное имя, для чего требуются серверы, квалификация и оформление документов. Поскольку у большинства людей нет ни одной из этих вещей, вы будете полагаться на регистратора домена (например, godaddy.com), который будет поддерживать ваше доменное имя для вас. Регистратор домена обычно стоит от 10 до 25 долларов в год.
Доменное имя, DNS и IP-адрес
Мы только что представили довольно общее представление о доменах, но есть еще кое-что под поверхностью, например, IP-адреса. IP-адреса — это последовательность чисел, присвоенная всему, что имеет доступ к Интернету, будь то ноутбук, смартфон или веб-сайт.
Для устройств (таких как ноутбуки) IP-адреса меняются в зависимости от их местоположения и сети. Веб-сайты, однако, имеют более постоянный IP-адрес, вроде номера телефона. Когда вы вводите веб-сайт в свой браузер, например «google.com», это доменное имя преобразуется в IP-адрес, чтобы ваш компьютер мог его интерпретировать.
IP-адреса — это компьютерная версия доменного имени. С другой стороны, доменное имя похоже на имя, которое вы указываете в своих контактах рядом с номером телефона. Когда вы нажимаете «Мама» в контактах вашего телефона, ваш телефон не набирает «Мама», а привязанный к нему номер телефона. Это похоже на то, как IP-адреса и доменные имена связаны друг с другом.
DNS (система доменных имен) — это система, которая преобразует доменные имена в IP-адреса и наоборот, чтобы вы и ваш компьютер могли понимать друг друга. Это более или менее телефонная книга Интернета.
Терминология веб-сайтов, которую должен знать каждый владелец веб-сайта
Теперь, когда мы рассмотрели доменные имена, DNS и IP-адреса, мы углубимся в терминологию веб-сайтов. Эти термины являются одними из наиболее часто используемых слов в дизайне веб-сайтов, что делает их важными знаниями для каждого владельца веб-сайта.
1. Язык гипертекстовой разметки (HTML)
HTML — это язык, на котором написано 89,5% веб-сайтов. Он бывает нескольких разных форм и размеров, которые периодически обновляются организацией WHATWG. Эта группа не владеет и не взимает плату за HTML; вместо этого они поддерживают стандарты HTML и сотрудничают в его разработке.
Технически HTML — это язык программирования, хотя по этому поводу ведутся споры, поскольку HTML на самом деле не выполняет никаких вычислений. Вместо этого он просто описывает, как веб-страницы выглядят, структурированы и связаны друг с другом. По этой причине большинство программистов считают HTML отдельным от других языков программирования.
Если вы не знаете HTML, не волнуйтесь! Не так важно уметь читать и писать HTML, потому что многие сервисы могут сделать это за вас. Тем не менее, полезно ознакомиться с базовой структурой HTML, чтобы при необходимости можно было прочесть ее в крайнем случае. Этот руководство познакомит вас с основами всего за 12 минут.
2. Каскадные таблицы стилей (CSS)
Если вы когда-нибудь писали HTML в школе или самостоятельно, вы, вероятно, заметили, что это нелегко для глаз. Легко создать ужасный сайт в HTMLи даже когда вы применяете все лучшие методы проектирования, обычный HTML обычно в лучшем случае выглядит пресно.
Вот тут и приходит на помощь CSS. CSS — это родственный язык для HTML, который добавляет изюминку. Вы можете думать о HTML как о структуре вашего веб-сайта, в то время как CSS привносит декоративные аспекты.
CSS требует немного больше времени для изучения, чем HTML, хотя, если вы не веб-разработчик, вам не нужно его осваивать. Тем не менее, если вы хотите изучить основы CSS, существует множество бесплатных онлайн-ресурсов, которые вам помогут.
3. Система управления контентом (CMS)
Система управления контентом, или CMS, — это программное обеспечение, которое позволяет вам создавать, поддерживать, изменять и контролировать веб-сайт без необходимости знать какой-либо (или, по крайней мере, очень мало) HTML или CSS. WordPress — самый популярный инструмент CMS с большим отрывом, поэтому весьма вероятно, что если вы ранее владели веб-сайтом или работали с ним, вы знакомы с CMS.
CMS — это, по сути, приложение, которое преобразует простые визуальные элементы в HTML и CSS для вас. Со своей стороны, вы можете публиковать блоги, обновлять веб-страницы, вводя основные документы, перетаскивая изображения и т. д. Чего вы не видите, так это того, что программное обеспечение CMS берет все эти команды и преобразует их в HTML для вас.
Если вы не опытный веб-разработчик или у вас нет доступа к команде веб-разработчиков, вам следует придерживаться какой-либо формы CMS. Это даст вам максимальный контроль над вашим сайтом с наименьшим объемом знаний.
4. Поисковая оптимизация (SEO)
SEO возможно, это наиболее часто упоминаемый термин, когда речь идет о терминологии веб-сайтов, и на то есть веские причины. Это самая важная второстепенная часть вашего веб-сайта, то есть вам не нужно ее использовать, но если вы этого не сделаете, ваш веб-сайт будет практически бесполезен.
Говоря более конкретно, SEO — это набор методов, призванных сделать ваш сайт и его содержимое более доступными для поиска. Вы когда-нибудь задумывались, как Google решает, какие ссылки показывать вам, когда вы что-то ищете в Google? Часто кажется, что Google знает, что вы хотите знать, независимо от того, насколько небрежны ваши условия поиска.
Это связано с тем, что поисковые системы, такие как Google, используют сложные алгоритмы для просмотра веб-страниц и предоставления наиболее точных результатов менее чем за секунду. SEO — это набор стратегий, которые вы можете использовать, чтобы ваши сайты отображались в этих результатах. Внедрение стратегического SEO значительно улучшит рейтинг вашего сайта, увеличив посещаемость вашего сайта.
5. Целевые страницы
Целевая страница — это стиль веб-страницы, используемый в маркетинговых целях. Это называется целевой страницей, потому что на нее обычно ссылаются из внешнего источника. Например, если вы платите другой компании за то, чтобы она написала о вашем веб-сайте, попросите их разместить ссылку на вашу целевую страницу. Целевые страницы обычно имеют аналогичную структуру, которая сосредоточена вокруг призыва к действию.
Призыв к действию, или CTA, — это то, что вы хотите, чтобы люди, посещающие вашу целевую страницу, сделали, например, совершили покупку, подписались на услугу, подписались на вашу рассылку и т. д. Все на вашей целевой странице должно работать на достижение этой цели. Вам понадобятся легкодоступные кнопки, мало или совсем нет навигационных ссылок на другие области вашего веб-сайта и много информации, поддерживающей ваш CTA.
6. Верхние и нижние колонтитулы
Далее у нас есть верхние и нижние колонтитулы. Если вы когда-либо много работали с документами, вы, вероятно, уже слышали об этих терминах. Они относятся к верхней и нижней части каждой страницы и содержат различный контент.
В терминологии веб-сайтов верхние и нижние колонтитулы имеют очень похожие значения. Заголовки относятся к верхней части веб-страницы, а нижние колонтитулы — к нижней. То, как они используются в веб-дизайне, отличает их от верхних и нижних колонтитулов в документации.
В частности, заголовки — это место, где веб-сайты хранят свои наиболее важные компоненты навигации. Сюда входят ссылки на вашу домашнюю страницу, страницу «О нас», страницу «Контакты» и т. д. Нижние колонтитулы обычно содержат другие важные ссылки, которые не настолько важны, чтобы размещаться в верхней части страницы. Сюда входят ссылки на дополнительную информацию о веб-сайте, ресурсы поддержки клиентов и различные языковые настройки.
7. Передняя часть против задней части
Эти два термина часто используются при разработке и обслуживании веб-сайтов, и они важны для понимания того, как общаться с разработчиками веб-сайтов.
Интерфейс веб-сайта — это та сторона, которую видит большинство пользователей. Когда вы посещаете Amazon, AppleGoogle или YouTube, интерфейс — это та сторона веб-сайта, с которой вы взаимодействуете. Это результат серверной части веб-сайта.
И наоборот, задняя часть веб-сайта — это та сторона, которую вы чаще всего видите как владелец/разработчик веб-сайта. На этой стороне вы можете вносить изменения в свой веб-сайт, добавлять или удалять страницы, редактировать содержимое веб-сайта и т. д. Веб-разработка начинается с серверной части и заканчивается во внешнем интерфейсе.
8. Ориентированный на рост дизайн
Дизайн, ориентированный на рост, — менее распространенный термин, используемый в веб-разработке, но по-прежнему важный. Это стратегия дизайна, которая рассматривает ваш веб-сайт как постоянно развивающийся продукт, а не как нечто, что нужно завершать сразу, а затем заменять каждые несколько лет.
До того, как ориентированный на рост дизайн стал более популярным, большинство веб-сайтов создавалось в течение нескольких месяцев. Затем, два или три года спустя, когда веб-сайт устарел, был создан новый веб-сайт с нуля, чтобы заменить существующий веб-сайт.
Проблема в том, что это напряжно, отнимает много времени и неэффективно. Дизайн, ориентированный на рост, направлен на создание прочной основы для вашего веб-сайта, который никогда не нужно переделывать. Этот фундамент достаточно гибок, чтобы его можно было постоянно добавлять и модифицировать небольшими способами, поэтому капитальный ремонт никогда не требуется. Это гораздо более рентабельно и избавляет вас от необходимости размещать устаревший веб-сайт.
9. Карта сайта и навигация
Наконец, у нас есть карта сайта и навигация. Оба они относятся к структуре и организации вашего веб-сайта. Большинство веб-сайтов включают в себя несколько разных страниц (домашнюю страницу, страницу контактов, сообщения в блогах, целевые страницы и т. д.). Навигация относится к тому, как пользователи перемещаются с одной страницы на другую.
Карта сайта — это визуализация навигации по вашему сайту. Здесь вы рисуете ссылки со страницы на страницу на бумаге и строите карту своего веб-сайта. Это невероятно полезно для удаления избыточных страниц, добавления отсутствующих страниц и обеспечения доступа ваших пользователей к каждой странице.
Готовы проверить терминологию вашего веб-сайта?
Если вы хотите создать новый веб-сайт теперь, когда вы узнали больше терминов, рассмотрите возможность выбора Wix в качестве партнера. Wix использует технологию искусственного интеллекта, чтобы предоставить вам наиболее эффективный и экономичный способ воплотить ваше видение в жизнь. И самое главное, вы можете сначала создать бесплатный черновик сайта!
Дополнительные ресурсы по созданию веб-сайта см. в остальной части Ресурсного центра Wix.
