Структура страницы сайта на WordPress | REG.RU
Чтобы сделать сайт самостоятельно, не обязательно уметь создавать структуру веб-страницы HTML-кодом. На WordPress можно сделать сайт любой сложности.
Основные элементы веб-страницы
Чёткая структура страницы сайта ― важный аспект успешности сайта в целом. Если пользователь в первый раз попал на сайт, важно, чтобы он сумел быстро найти нужную информацию, купить товар или связаться с компанией.
Если вы создаете сайт в WordPress, уделите особое внимание созданию хорошей структуры страниц. Чтобы вам было проще ориентироваться, мы расскажем по порядку про основные элементы страницы сайта на WordPress.
Header (шапка)
Header (хедер) ― это элемент в верхней части страницы:
В этом блоке могут располагаться:
― Отличительные знаки компании. Логотип, название, слоган, бренд-персонаж;
― Главное меню сайта. Только важные рубрики сайта. Чтобы упростить навигацию по сайту, в главном меню часто используют выпадающие списки;
― Контакты. Телефон, адрес, время работы;
― Поле для поиска. Это ещё одна возможность улучшить навигацию по сайту. Часто строка поиска по сайту находится в правой части шапки;
― Дополнительные кнопки. Кнопка переключения языков, входа в личный кабинет, выбора города, версия для слабовидящих;
― Корзина покупок. Обычно изображается в виде иконки.
В хедере не обязательны все перечисленные элементы. Дизайн шапки зависит от деятельности компании и выбора дизайнера. Однако такие элементы, как отличительные знаки компании и главное меню, традиционно помещают именно в хедер, так как это первое, что видит клиент при переходе на сайт.
Настроить хедер и другие элементы сайта в WordPress можно с помощью плагина Elementor.
Footer (футер) находится в конце страницы сайта, но это отнюдь не значит, что там располагается ненужная информация.
Чаще всего в футере находится:
― Карта сайта. Это полный список всех разделов и страниц сайта. Если страниц много, то в подвале располагаются основные разделы или самые популярные статьи;
― Контактная информация. В футере может быть более подробная контактная информация и карты с местонахождением компании;
― Ссылки на социальные сети
― Символ копирайта.
Body (тело)
Body (тело сайта) ― это основная часть страницы, где размещают контент: тексты, картинки, видео. Статья, которую вы сейчас читаете, находится в теле сайта:
Тело сайта ― это изменяемая часть страницы. Остальные элементы (шапка и подвал) остаются на всех страницах одинаковыми.
Sidebar (сайдбар)
Sidebar (cайдбар) ― это боковая панель сайта. Он может быть справа, слева или по обеим сторонам страницы:
В сайдбаре может размещаться:
― Меню навигации.
― Списки популярных или новых статей. Актуально для новостных сайтов и блогов. Цель ― привлечь внимание к определённым статьям;
― Рекламные объявления. В сайдбарах можно расположить рекламу продуктов сайта или сторонних компаний. При этом желательно использовать сдержанные рекламные макеты, чтобы не отвлекать внимание посетителя от основной информации;
― Функциональные элементы: корзина, форма подписки;
― Ссылки на социальные сети.
Если дизайн сайта не адаптивен, то в мобильной версии sidebar может переместиться в конец страницы. Этот момент стоит учитывать при размещении информации на боковой панели.
Если header и footer ― это необходимые элементы сайта, то sidebar — нет. Этот элемент более актуален для крупных сайтов. На сайтах-одностраничниках этот элемент часто отсутствует.
Хлебные крошки
Хлебные крошки ― это навигационная цепочка, которая чаще всего находится вверху страницы. Эта цепочка обычно показывает путь от главной страницы сайта до конкретного раздела. Обратите внимание, в Базе знаний REG.RU также используются хлебные крошки. Они отображаются над названием каждой статьи:
Хлебные крошки помогают пользователю ориентироваться на сайте. С помощью них можно вернуться на один или два раздела выше. Кроме того, использование этого элемента улучшает SEO-показатели сайта.
Виды хлебных крошек:
- Простая цепочка основана на структуре сайта, которую создал разработчик. Например, такой вид хлебных крошек используется на сайте REG.RU.
- Динамическая цепочка основана на перемещении пользователя по сайту.
- С выпадающим списком. У каждого раздела есть выпадающий список со смежными разделами. Встречаются редко, например, на сайтах крупных интернет-магазинов.
Хлебные крошки могут понадобиться сайтам, в которых много разделов и подразделов. Добавить хлебные крошки на сайт в WordPress можно при помощи плагинов Breadcrumb NavXT и Yoast SEO.
Внутренняя перелинковка сайта
Все страницы сайта должны быть связаны друг с другом при помощи гиперссылок. Это называется внутренняя перелинковка сайта.
Внутренняя перелинковка:
- улучшает навигацию по сайту для посетителей,
- улучшает индексацию сайта,
- придает ссылочный вес нужным страницам;
Навигационное меню в шапке, карта сайта в футере, хлебные крошки, ссылки внутри сайдбара являются элементами внутренней перелинковки.
Favicon (фавикон)
Favicon (фавикон) ― это маленькая иконка сайта, которую видно в поисковой выдаче, вкладках и рядом с URL-адресом:
Фавикон должен ассоциироваться с сайтом и выделяться среди других. Поэтому обычно в качестве фавикона используют логотип организации. Выгоднее всего выглядит значок квадратной формы.
Почему лучше использовать favicon?
- Сайты с фавиконами вызывают больше доверия у посетителей,
- фавикон ускоряет поиск нужного сайта среди вкладок,
- фавикон повышает узнаваемость бренда.
Стандартные размеры фавикона: 16×16, 32×32 пикселей. Другие размеры зависят от типа устройства и операционной системы. Распространенный формат фавикона ― ICO, также доступны PNG, GIF, JPEG и SVG. Сейчас всё чаще используют формат PNG и SVG, так как многие программы не работают с ICO. Создать favicon можно в любом графическом редакторе или в онлайн-генераторе.
Чтобы установить фавикон на сайт WordPress, используйте инструкцию ниже.
Как установить фавикон сайта в Wordpress:
-
1.
Войдите в админку WordPress.
-
2.
Перейдите в раздел Внешний вид ― Настроить:
-
3.
Перейдите в Свойства сайта в меню справа:
org/HowToStep»>
4.
-
5.
Загрузите картинку. После загрузки она появится в «Библиотеке файлов». Выберите картинку, которую загрузили:
Нажмите Выберите иконку сайта:
Готово, теперь фавикон будет отображаться в поисковой выдаче и рядом с URL-адресом сайта.
Да
раз уже помогла
Как изменить название и описание сайта на WordPress
Прослушать эту статью
Всем привет. В этом руководстве я расскажу как изменить название и описание сайта на WordPress. Указание этих данных, важный шаг в продвижении вашего сайта.
Правильно составленная информация о сайте, позволит находиться выше в выдаче, по тем запросам которые будут включены в название и описание сайта. Подойдите к этому вопросу со всей ответственностью и продумайте какие именно ключевые слова использовать в описании вашего сайта.
Содержание статьи:
- Как изменить название и описание блога WordPress
- Заключение
Чтобы изменить название и описание сайта, в админ-панели перейдите в Настройки и выберите пункт меню Общие.
Как изменить название и описание блога WordPress
Как только вы перейдете в Общие настройки, заполните поля Название сайта и Краткое описание.
Затем, сохраните внесенные вами изменения, чтобы они немедленно вступили в силу.
Как я уже упоминал в начале, введенное вами название сайта и краткое описание имеют приоритет в выдаче.
Название сайта, нужно тщательно продумать, оно должно быть простым и запоминающимся. Передавать смысл и задумку вашего сайта/бренда. Как правило, используют название сайта/бренда/блога/компании.
Описание сайта, тут нужно учитывать смысловую значимость вашего ресурса. Максимально раскрыть тему сайта/блога используя вхождения ключевых слов по которым вы хотите присутствовать в выдаче. Описание должно быть простым и в тоже время максимально информативным.
После внесенных изменений, через некоторое время после индексации, ваш сайт будет выглядеть следующим образом в выдаче:
Обратите внимание: если название и описание превышает количество символов которые установлены поисковыми системами. Оно будет обрезано (сокращено) поисковой системой. Также, если вы используете SEO плагин, название и описание из него будет приоритетным для отображения в выдаче.
Заключение
Как видите все очень просто, но это важный шаг для продвижения вашего сайта/бренда в поисковых системах. Название и описание интернет-ресурса, важным критерием при ранжировании сайта. Также стоит отметить, правильно сформулированные мета главной страницы, позволят вашему проекту занимать максимально возможные позиции не по одному запросу, а по множеству.
В следующих руководствах я расскажу: как вставить Google карту на страницу в WordPress, как восстановить пароль или как изменить пароль для входа в админ-панель WordPress. Надеюсь эта инструкция будет вам полезна.
С этой статьей читают:
Спасибо, что читаешь Nicola Top
Насколько публикация полезна?
Нажмите на смайлик, чтобы оценить!
Средняя оценка 5 / 5. Количество оценок: 294
Оценок пока нет. Поставьте оценку первым.
Как изменить название сайта в WordPress в мгновение ока
Давайте раз и навсегда разберемся с этой темой: название сайта и слоган — это не одно и то же.
Давайте возьмем их одного за другим.
Название сайта : это название вашего сайта. Это то, как ваш бренд идентифицируется. Теперь каждая страница вашего сайта будет иметь свой заголовок . Не путайте его с «заголовком сайта», который является «заголовком всех заголовков» :).
Слоган сайта : представляет собой краткое описание всего вашего сайта. Это похоже на заявление или лозунг.
Почему заголовки и слоган важны на веб-сайте?
Здесь есть 3 основные причины:
- Они повышают релевантность контента веб-сайта для пользователей. Посетители могут легко понять, о чем веб-сайт или конкретная страница.
- Они усиливают силу марки . Вместе с другими элементами на веб-сайте заголовок и слоган могут придать выразительность и определить индивидуальность бренда.
- Повышают релевантность для поисковых роботов . В зависимости от качества заголовка и слогана (например, включение ключевого слова может быть признаком качества), поисковые системы могут решить повысить рейтинг веб-сайта на страницах результатов поиска. Кроме того, хороший слоган увеличивает кликабельность (количество кликов для открытия ссылки на сайт) в результатах поиска.
Теги заголовков и слоганы WordPress
Как упоминалось ранее, заголовок представляет собой название вашего сайта/блога/интернет-магазина.
Теперь возьмем в качестве примера блог Colibri. Я собираюсь щелкнуть правой кнопкой мыши страницу и выбрать «Просмотреть исходный код страницы». Теперь давайте нажмем CTRL F и найдем «заголовок»:
Все страницы вашего веб-сайта и сообщения в блогах должны иметь соответствующие теги заголовков. Однако есть одно отличие. В случае с домашней страницей вашего веб-сайта тег заголовка HTML включает в себя как заголовок, так и слоган. Остальные страницы не будут содержать слоган.
Название сайта и слоган также отображаются на вкладке, где вы открываете сайт.
Теперь давайте посмотрим, как внести изменения в заголовок и слоган WordPress.
Способы изменения названия и слогана сайта в WordPress
Способ 1: из панели администратора WordPress Войдите в панель администратора WordPress с именем пользователя и паролем, которые вы установили для нового веб-сайта.
В меню слева выберите Настройки -> Общие настройки.
В области панели управления, Название сайта и Слоган — это первые разделы, которые необходимо настроить:
Название сайта должно представлять ваш бренд. Слоган должен отражать то, что вы делаете, и формировать ожидания посетителей вашего сайта. Далее в статье мы покажем вам, как сделать так, чтобы заголовок и слоган были достаточно броскими, чтобы зацепить ваших читателей.
Способ 2: из настройщика темыВ панели администратора WordPress выберите «Внешний вид» в меню слева. Далее перейдите в «Настроить».
Доступ к настройщику темы, которую вы установили для нового веб-сайта.
Перейдите в Общие настройки -> Идентификация сайта. В этом подразделе вы можете настроить заголовок сайта и слоган.
Заполните пустые места названием сайта и слоганом по своему усмотрению.
Одно замечание: вы можете быть настолько изобретательны, насколько хотите, при составлении заголовка и слогана. Чем более изобретательно вы подходите к созданию этих коротких фраз, тем больше вероятность того, что вы привлечете посетителей, которые будут читать больше и узнавать больше о вашем веб-сайте. Это означает релевантный трафик на сайт.
Вот несколько примеров креативных слоганов, используемых компаниями в разных отраслях.
Заголовки страниц WordPress
Помните, я упоминал выше, что только главная страница имеет слоган? Остальные страницы и сообщения на вашем сайте имеют только заголовок. Этот заголовок должен соответствовать теме на странице. Некоторые из этих заголовков могут включать бренд в название, некоторые — нет.
Теперь, когда вы создаете новую запись в блоге WordPress, вам нужно будет дать ей имя. Это имя является вашим заголовком, но оно может отличаться от вашего SEO-заголовка. Если вы используете плагин, такой как Yoast SEO, вы можете назначить SEO-заголовок, который будет отображаться в результатах обычного поиска. Зачем вам отдельный SEO-заголовок? Потому что вы можете подумать о том, чтобы сделать его более удобным для SEO, чем сам заголовок.
Как написать броские слоганы и заголовки страниц в WordPress?
Используйте ключевые слова при изменении названия сайта в WordPress.
Важно интегрировать релевантные ключевые слова в название сайта и слоган. Это то место, где вы должны извлечь выгоду из использования основного ключевого слова, представляющего весь веб-сайт. Используйте ключевое слово один раз и, соответственно, добавьте к нему контекст.
Старайтесь использовать семантически связанные ключевые слова, чтобы основное ключевое слово имело больший вес для поисковых систем.
Избегайте наполнения ключевыми словами при изменении названия сайта в WordPress.
Полезно иметь основное ключевое слово в заголовке сайта, однако не злоупотребляйте ключевыми словами. В противном случае слишком большое количество ключевых слов в названии сайта будет считаться спамом. Это может привести к тому, что ваш сайт будет оштрафован Google.
Лучший способ избежать перенасыщения ключевыми словами — убедиться, что название сайта соответствует фразе. Вместо того, чтобы перечислять ключевые выражения, вы должны убедиться, что этот заголовок является явным предложением, которое с самого начала правильно формирует ожидания пользователей.
Поместите ключевые слова в начало заголовка.
Основное ключевое слово рекомендуется размещать в начале заголовка сайта. Это сигнал о том, что ваш заголовок фокусируется на выражении, лучше всего определяющем вашу деятельность. Кроме того, благодаря своему размещению ключевое слово будет первым элементом, просматриваемым поисковыми роботами в исходном коде вашего сайта.
Итак, подумайте о том, чтобы сформулировать фразу таким образом, чтобы она делала акцент на основном ключевом слове, соответствующем страницам сайта.
Вот исследование того, как наличие ключевого слова в заголовке влияет на рейтинг сайта:
Источник
При изменении названия сайта используйте оптимальную длину.
Обратите внимание на длину заголовка. Если он слишком длинный, он будет «обрезан» поисковыми системами и не будет правильно отображаться в результатах поиска. В результате эта область не будет полностью использоваться для передачи посетителям того, что важно для вашего сайта. Если он слишком короткий и состоит только из выражения, он не сможет достаточно объяснить посетителям, о чем сайт.
Согласно правилам SEO длина заголовка сайта не должна превышать 70 символов. Это максимум, до которого вы можете расширить заголовок, чтобы веб-серферы полностью отображали его на страницах результатов поисковых систем.
Название оптимизированного сайта:
Различайте заголовок своей домашней страницы и заголовки всех остальных страниц.
Если вы действительно хотите извлечь выгоду из оптимизированных заголовков, подумайте о том, чтобы настроить их для каждой страницы веб-сайта. Итак, сделайте уникальные заголовки для всех страниц веб-сайта и отличайте их от основного заголовка веб-сайта (который появляется на главной странице).
Таким образом, каждая страница будет иметь соответствующий заголовок. Это хорошее место, где вы можете использовать ключевое слово, которое резюмирует суть этой веб-страницы. Кроме того, создавая разные заголовки для разных страниц, вы избегаете дублирования контента, которое наказывается поисковыми системами.
Нужно ли брендировать название сайта?
Может оказаться полезным включить название бренда в заголовок. Однако делайте это осторожно и поместите (если возможно) название бренда в конце фразы.
Кроме того, Google может автоматически добавлять название компании в конце предложения, представляющего вашу должность.
Этот элемент брендинга позволяет легко распознать заголовок как принадлежащий вашему веб-сайту и компании. Это гарантирует, что ваш сайт запомнится посетителям, поэтому они могут легко вернуться на ваши страницы.
Полная настройка идентичности сайта на веб-сайте
Помимо формулировки названия веб-сайта, вы также можете добавить другие настройки, формирующие идентичность веб-сайта.
Среди них можно отметить:
- Использование фавиконки
Фавикон — это изображение, представляющее веб-сайт, которое пользователи увидят на вкладке браузера, где они открывают страницы вашего веб-сайта. Его следует тщательно выбирать, и он должен легко ассоциироваться со спецификой вашего веб-сайта/бизнеса. Благодаря фавикону сайт будет быстро распознаваться и запоминаться так просто.
- Использование логотипа-изображения
Чтобы веб-сайт выглядел более профессионально, вы можете добавить изображение логотипа. Вместе с названием сайта логотип компании будет говорить о вашем бизнесе и его ценности на рынке.
- Использование определенной цветовой схемы в целях брендинга
Вместе с названием сайта и логотипом профессиональная цветовая схема поможет вашему сайту выделиться из толпы. Все эти элементы должны быть изменены и усовершенствованы до тех пор, пока они не будут наилучшим образом представлять ваш бизнес и бренд.
[идентификатор sibwp_form=1]
Поиск вдохновения для названия вашего сайта
Вопросы и ответы с блоггерами по выбору названия сайта:
Где моя зубная щетка? и Воспитывая мою радугу
Говорящие обложки
Музей в бутылке
Козел, который написал
Принеси мне голову Дэвида Диксона
Она из Майнеака
Как важно быть сербом
Бумага и соль
Sass & Balderdash
Название вашего сайта — это первое, что читатели замечают на вашем сайте. Этот заголовок сообщает посетителям, о чем ваш сайт, но также немного раскрывает вас и вашу личность. Если вы новичок в WordPress.com, возможно, вы все еще размышляете над идеальным названием сайта. Но даже люди, у которых сайты уже несколько лет, могут подумать о смене названия по разным причинам (смещение тем, о которых пишется, более острая или узкая направленность или что-то еще).
Заинтересованы в собственном доменном имени? Независимо от того, является ли ваш сайт личным, профессиональным или чем-то средним, вы можете найти план WordPress.com, который подходит для вас — и все наши платные планы поставляются с бесплатным доменом.
Несколько лет назад я давал советы по выбору названия для сайта, но думаю, что многие из них актуальны до сих пор. Вот на что следует обратить внимание при выборе:
Будьте проще.
Название вашего сайта должно быть простым и быстро сообщать читателям, о чем ваш сайт. Конечно, у вас есть слоган и страница «О нас», чтобы более подробно описать ваш сайт и историю. Но твое имя? Доберитесь до сути. Рассмотрим 9 Джессики Ли.0232 Road Essays : два простых слова, чтобы описать ее сайт подробной документальной литературы о путешествиях. Или рисунок Draw the Public художника Рассела Джексона, который лаконично описывает его страсть к рисованию окружающих его людей.
Популярный блог в лингвистических кругах, Strong Language — еще один пример, который приходит на ум: это название без прибамбасов, а его слоган — «матерный блог о нецензурной брани» — раскрывает его направленность.
Будьте конкретны, но не многословны.
Связанные материалы: Каково ваше УТП или уникальное ценностное предложение?
Среди миллионов сайтов о еде, путешествиях, воспитании детей или фотографии вы хотите выделиться. Что вы можете предложить такого, чего никто другой не может? Придумайте имя, которое раскрывает вашу уникальную точку зрения или перспективу, выходящую за рамки общих ( Наши семейные каникулы , Рецепты еды для вас ), но не становится набитым ртом ( Наши семейные каникулы и рецепты еды с ограниченным бюджетом ).
Будьте лаконичны, но сфокусированы — как насчет Экономная семья в качестве альтернативы приведенному выше примеру, который короток, но подразумевает разные темы? (Это также пример аллитерации, о которой мы поговорим ниже. )
Соедините слова в пары, чтобы создать шутливые фразы.
Те из вас, кто пишет, работают со словами, составляют предложения и перемещают объекты. Итак, поэкспериментируйте и поставьте два слова рядом. Составьте длинный список вариантов. Рассмотрим Word Jazz , который объединяет два односложных слова для описания блога Мэтта Дэвиса о языке и лингвистическом творчестве. Или Wit and Vinegar , который сочетает в себе два маловероятных существительных и застает вас врасплох. Мне также нравится название блога художника Криса Сэва, Banal Muffins , где он по-своему сосредотачивается на рисовании, еде и экзистенциальных кризисах.
Используйте общие фразы, но с изюминкой.
Некоторые из моих любимых названий сайтов смешивают знакомое с неожиданным. Стейси Харрисон Пересмотры величия обыгрывает фразу «мания величия». (Также большое спасибо за ее слоган: «Жизнь — это черновик», который представляет собой не только красивую простую фразу о писательстве и жизни, но и отсылку к фразе «жизнь — сука»). Сэм Дилан Финч освещает поп-культуру и политику с квир-феминистской точки зрения и намекает на известную фразу «давайте проясним ситуацию» в своем имени. Другие примеры: You and Mie , где второе имя блоггера Mie заменено на «я»; а также Nice and Knit , блог о шитье и ремеслах, который заимствован из фразы «красиво и аккуратно».
Найти материал в кавычках.
Я люблю цитаты, от отрывков, которые я выделил в книгах, до моих любимых высказываний Лао-Цзы, Гертруды Стайн и Андре Бретона, которые вытатуированы в моей голове. Вспомните цитату, к которой вы возвращаетесь снова и снова, — фразу или большую идею, которая движет вами или отражает то, кто вы есть. Вы можете намекнуть на это как-то?
Писатель по технологиям Майкл Сакасас, 9 лет0232 The Frailest Thing был вдохновлен одним из Pensées математика и философа Блеза Паскаля: «Между нами и раем или адом есть только жизнь, которая является самой хрупкой вещью в мире».
Точно так же сотрудники литературного журнала Прекратите, коровы берут пример с одного из своих любимых романов, Габриэля Гарсиа Маркеса Сто лет одиночества .