Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Где разместить контурную разметку на вашем сайте

В этом блоге мы много говорили о разметке схемы и структурированных данных. В этом первом выпуске семинара по средам мы увидим, как и где разместить схему на вашем веб-сайте.

Стенограмма видео:

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

Например, у вас будут такие вещи, как разметка организации или веб-сайта, которая на самом деле может пройти по всем вашим страницам. Я создал это здесь, которое я попробовал, все работает, все выглядит так, как должно. И, по сути, я могу поместить это в заголовок моего шаблона, и это будет на каждой странице. Теперь это сайт WordPress. Это не сайт, который мы продаем или что-то еще. Это сайт, на котором мы тестируем, например, семинары и видеоролики, подобные этому.

Одна из особенностей WordPress, которую вы хотите знать, особенно если вы используете тему для тестирования этой темы и запускаете эту тему через инструмент тестирования структурированных данных. Многие темы будут отмечены с самого начала. Теперь некоторые из них могут быть хорошими, некоторые из них необходимо настроить и настроить, и если вы посмотрите на эту тему, например, мы используем Beaver Builder, потому что это быстрый генератор, который мы можем использовать, чтобы собрать сайт и сделать некоторые вещи быстро

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

Итак, давайте поговорим о том, как мы их добавим. И здесь может быть несколько дубликатов, основанных на этой теме, но на самом деле вы, вероятно, хотите удалить это и добавить свой. Таким образом, вы не позволяете создателю темы диктовать, что говорят ваши структурированные данные, и вы можете это контролировать. Итак, как я уже сказал, у нас есть домашняя страница здесь, у нас есть страница часто задаваемых вопросов и страница контактов. Говоря о странице «Свяжитесь с нами», справа мы говорили об организационной схеме и, более конкретно, о чем-то, известном как точка соприкосновения. Здесь вы можете подключить свой номер телефона, адрес электронной почты, ту важную информацию, которую вы хотите отобразить на карточке знаний, а также подключиться к своей учетной записи Google My Business или к Google My Business Card по адресу найдите и выполните эту семантическую связь там, вы можете добавить их здесь, используя тип точки контакта.

И что мы будем делать, так это взять созданный нами код, перейти на нашу страницу и, в частности, эта страница построена с помощью внешнего генератора, чтобы мы могли поместить код непосредственно в нее. Мы бы открыли страницу. Как вы можете видеть здесь, это просто текстовый редактор. Я не хочу бросать соседний конец здесь, потому что он будет отображаться как текст. На самом деле, я хочу оставить это в таком месте, где вы добавляете разметку в этой области, и я могу сохранить ее. Вы этого не увидите, потому что это просто код. Я иду и ударил готово. Опять же, вы ничего не видите, но то, что он сейчас будет делать, это жить здесь, и Google может это увидеть.

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

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

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

Допустим, эта страница не использовала конструктор страниц. Что мы могли сделать, так это перейти к стандартному редактору здесь, в WordPress, и теперь вы видите, что это новый Гутенберг, который может вводить некоторых людей в заблуждение. Я знаю, что многие люди вернутся к оригиналу, потому что им не нравится Гутенберг. Но вы можете добавить пользовательские блоки HTML, если хотите. Как видите, здесь есть карта. Я мог бы пойти сюда снова и добавить мой план. О, это не моя схема. Наши структурированные данные здесь, введите их, нажмите обновить. Теперь он все равно будет на странице таким же образом. Но все это сделает мою страницу похожей на мусор из-за инструмента создания страниц. Но оставь это там, и он будет делать то же самое, что мы делали раньше. Все дело в том, чтобы найти конкретную страницу, которую вы хотите добавить в закладки, и убедиться, что закладка чистая, работает, ничего не сломано, а затем запустить эту страницу.

Теперь я снова вернусь к Beaver Builder, чтобы эта страница работала правильно. Форма обратной связи, запустите этот тест, и он должен дать нам то же самое здесь, я удалил его. Так что теперь у нас есть также часто задаваемые вопросы здесь на странице, и это будет работать точно так же. Ключ к часто задаваемым вопросам – это то, что у вас есть в ваших часто задаваемых вопросах, этот точный текст также должен быть на этой странице, поэтому, даже если он стоит за ним, он должен иметь точно такой же текст, и снова это тот же процесс. Найдите это, скопируйте его, перейдите на страницу, над которой вы собираетесь работать, есть ли у вас внешний генератор или нет. В этом случае у меня даже есть варианты для Beaver Builder, чтобы сделать HTML здесь. Сохранить, опубликовать. Опять же, мы можем перейти к инструменту тестирования структурных данных, добавить сюда, запустить тест, и теперь у меня также есть схема FAQ, настроенная на этой странице.

Теперь я хотел бы перейти в консоль поиска Google. Я бы отправил эти URL-адреса для извлечения и индексации, чтобы Google знал, что я добавил к ним структурированные данные. Как вы можете видеть здесь, здесь, в заголовке страницы, здесь указывается область действия элемента, тип элемента. Это микроданные, которые этот шаблон уже должен использовать для некоторой схематической маркировки. Это может быть полезно, если вы не хотите проходить этот процесс. Некоторые темы полезны таким образом, но они также могут причинить боль, если вы хотите иметь больше контроля над ними, поэтому важно удалить их и убедиться, что у вас есть только нужная разметка.

Есть и другой способ сделать это в WordPress – воспользоваться плагином. Теперь у Yoast есть такая возможность, но плагин, который мы хотели бы использовать здесь, это SEOPress, и для создания схемы вручную вам понадобится профессиональная версия. Pro версия – это то, что позволяет вам создавать свои схемы, а затем вы можете добавлять их на определенные страницы. Так что я могу пойти сюда и выбрать любой из этих различных типов схем, так как нам понравились часто задаваемые вопросы, и я могу пройти здесь через вопросы и отвечать на вопросы и ответы. Я могу установить правило, по которому он будет отображаться в сообщениях или шаблонах, или что я бы сделал, это установил его вручную на определенной странице, потому что вы не хотите, чтобы часто задаваемые вопросы публиковались на каждой странице вашего сайта, когда только URL-адреса часто встречаются в URL.

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

Поэтому я надеюсь, что это было полезно. Я надеюсь, что вы узнали что-то новое. Если у вас есть какие-либо вопросы, если это не было ясно, прокомментируйте ниже, и мы можем продолжить этот разговор. Спасибо И до следующего раза, Happy Marketing.