Сышышь ты, выходи сюда,
поговорим !

Как: добавить структурированные данные ld + json в ваше приложение AngularJs

  1. 1. Создание директивы и добавление тега элемента
  2. 2. Загрузка данных SEO в переменную Scope
  3. 3. Наблюдение за изменением объема
  4. 4. Фильтр объекта JSON
  5. 5. Заменить элемент директивы скриптом

Долгое время поисковая оптимизация Google опиралась на ограниченный набор инструментов, таких как автоматический обход, консоль поиска или поддерживаемые типы схем. Однако ситуация начала меняться в 2015 году, когда Google наконец решил дать ld + json зеленый сигнал, открывая двери для множества богатых карт, которые строго ограничены до этого момента.

Если вы не знакомы с богатыми картами, это то, что Google должен сказать о них,

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

Google теперь поддерживает множество многофункциональных карт, таких как BreadCrumbs, Sitelinks, Sitelink Search, Корпоративная контактная информация, логотипы и т. Д., И их легко можно встроить в обычные предварительно отрендеренные сайты с помощью сценария ld + json. С такими фреймворками JavaScript, как AngularJs или React, вещи, как правило, идут на юг. Причина очень проста - представления отображаются после загрузки главной страницы, и, таким образом, мы можем включить SEO-данные этого представления в тело только после загрузки представления (или успешного выполнения запроса AJAX). Это, однако, может быть принято как преимущество, так как мы можем динамически изменять содержимое скрипта в зависимости от страницы с помощью одной директивы.


Итак, вот что мы собираемся сделать:

- Создать директиву.

- Объявить тег элемента директивы на главной странице

- Загрузить данные SEO в переменную области видимости

- Следите за изменением области действия этой переменной

- Отфильтруйте данные переменной области и поместите ее в скрипт

- Заменить директиву этим скриптом

1. Создание директивы и добавление тега элемента

Мы объявляем директиву с именем, richcard (не стесняйтесь выбирать любую другую) и внутри нее обращаемся к сервису $ filter . Мы узнаем больше об этой услуге через некоторое время. Ожидается, что директивная функция вернет набор свойств, связанных с целевым элементом, чтобы угловой компилятор узнал о его поведении. Если вы посмотрите на пример ниже, вы заметите, что мы возвращаем свойства restrict и link.

Свойство restrict сообщает компилятору, что это за объявление - элемент или директива атрибута. Есть еще два ограничения, класс (C) и комментарий (M), но мы сосредоточимся только на первых двух. Значение EA для ограничения позволяет нам использовать эту директиву в качестве элемента или атрибута. В этом примере используется элемент, и объявление для этого выглядит так,

<Richcard> </ richcard>

С другой стороны, свойство link позволяет нам получить доступ к элементу и корневой области видимости. Мы манипулируем элементом директивы здесь. Мы поговорим о манипуляции после того, как у нас будут готовые данные области.

2. Загрузка данных SEO в переменную Scope

Это довольно легкий шаг. Точно так же, как мы инициализируем переменную $ scope, мы инициализируем корневую переменную $ scope. $ Внутри нужного контроллера с нашим объектом ld + json. Преимущество последнего заключается в том, что мы можем объявить нашу директиву на главной странице, а не частично. Если вы хотите использовать его только для одной части, выберите $ scope. В приведенном ниже примере удалена корневая переменная области видимости ld, содержащая ориентированные на схему данные My Wonderful Site. Если вы не знаете схемы, необходимой для связанных данных JSON, перейдите к руководству Google по структурированным данным ,

3. Наблюдение за изменением объема

Вернемся к первому примеру. Обратите внимание, что у нас есть объявление, объявленное в нашей области видимости внутри функции ссылки директивы. Эти часы позволяют нам узнать, когда значение области изменилось, и мы запускаем наши манипуляции только тогда. Функция $ watch принимает имя переменной для наблюдения и функцию обратного вызова, содержащую значение переменной. Мы используем это значение для фильтрации нашего JSON и используем его для наших целей на следующем шаге.

4. Фильтр объекта JSON

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

var val = $ filter ('json') (значение);

Неофициальный, но простой способ просто делает его строковым, используя JSON.stringify (...) .

var val = JSON.stringify (value);

5. Заменить элемент директивы скриптом

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

element [0] .outerHTML = '<script type = "application / ld + json">' + val + '</ script>'

Итак, мы закончили. Запустите проект и посмотрите, как произойдут изменения. Пример сценария ld + json с данными выглядит так, как я нашел на сайте Apple.

Взгляните на этот пример, чтобы узнать структуру, и посетите schema.org для получения дополнительных типов схем. Кроме того, как только вы правильно создали и использовали директиву, перейдите к Инструмент тестирования структурированных данных Google (SDTT) проверить на наличие ошибок в ваших данных. Имейте в виду, что если данные скрипта ld + json зависят от контроллера партиала, вам, возможно, придется сначала отрендерить страницу, прежде чем поместить ее URL-адрес в SDTT, чтобы инструмент проверял ее наличие, или вы можете просто поместить код скрипта в фрагмент кода. коробка СДТТ.

Похожие

Питсбург SEO
Ищете эксперта в Питтсбурге SEO? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд и улучшайте
Основы SEO
Чтобы максимально приблизить страницу к выбранным поисковым запросам в результатах поиска Google, мы, как оператор форума, предоставляем вам сегодня базовый инструмент SEO. Почему я должен активно заниматься поисковой оптимизацией? Поисковая оптимизация - это один из лучших вариантов привлечения большего числа участников для вашего форума. Почему? Более 60% новых посетителей вашего форума попадают на ваш форум через поисковые системы
SEO Сервис
SEO Сьерра-де-Гуадаррама |
... восьмое издание, которое предоставит возможность всем желающим принять участие в уникальном бесплатном мероприятии в непосредственном контакте с природой, которая окружает города региона"> Сьерра-де-Гуадаррама Орнитологический марафон В этом году будет уже восьмое издание, которое предоставит возможность всем желающим принять участие в уникальном бесплатном мероприятии в
Seo Race
Seo Racing стала частью повседневной жизни многих людей, которые проводят большую часть своего времени в Интернете, где-то, например, в хобби и развлечениях, и других, таких как профессия и профессиональное развитие, подтверждение знаний и завоевание популярности и авторитета в сообществе SEO. , В конкурсе сео всегда есть материальные и денежные призы, и каждый может испытать свою удачу и проверить свои знания, и могут ли они участвовать?
SEO Ньюкасл
SEO Doctor ™ (Гарет Джеймс) является внештатный SEO консультант базируется в Ньюкасле . Предлагая клиентам комплекс услуг по поисковому маркетингу, от исследования ключевых слов до продвинутых стратегий построения ссылок. Я также предлагаю услуги по поисковой оптимизации (SEO) в емкость с белой этикеткой в агентства по маркетингу и веб-дизайну. Хотя я занимаюсь
SEO позиционирование
Важность наличия хорошей позиции в поисковых системах Интернета жизненно важна для вашей компании, поэтому мы предлагаем естественное позиционирование во всех наших веб-страницах или магазинах электронной коммерции. Мы применяем методы SEO-позиционирования и на существующих веб-сайтах, где необходимо улучшить их позиционирование в сети. Для этого мы анализируем веб-сайт, изучаем ваш веб-сайт и предлагаем или осуществляем реальные действия по улучшению. Мы
SEO советы
... зации для начинающих и особенно для начинающих. Потому что мои SEO советы ориентированы в первую очередь на женщин, у которых есть свой бизнес. В «Frauensprache» я объясняю вам просто и ясными словами, какие уловки полезны и как вы их реализуете. Многое из того, что вы, возможно, уже встречали как «вы должны это сделать», может оказаться бесполезным. Или это далеко позади, когда речь заходит о том, какие факторы действительно важны . Другие
Как выбрать SEO агентство
... всего цена"> Прежде всего цена. Вероятно, нет однозначного ответа на это. Но он такой же, как и в любой другой сфере человеческой деятельности. У нас есть два ребра, один супер-дешевый парень по соседству с тем, что он делает на компьютере, и предлагает позаботиться о SEO. Если у вас есть небольшой сайт, где я не знаю, например, вы пишете о природе и хотите, чтобы ваш сайт время от времени находился, у вас нет амбиций по монетизации сети, и вам вообще не нужно быть на первой странице,
Остин SEO Консультанты
С SEO связано множество вещей, которые нельзя делать, а постоянные изменения заставляют консультантов, таких как LaunchDM, быть на высоте. Мы можем помочь вашему бизнесу в Остине воспользоваться всеми маркетинговыми возможностями, доступными в Интернете, и помочь вам достичь более высокого рейтинга в поисковых системах. Основная цель агентства цифрового маркетинга, такого как LaunchDM, заключается в том, чтобы предоставить вам отличную информацию и рекомендации о том, какие решения лучше
SEO пакеты
Вы, вероятно, знаете, что интернет-маркетинг - это путь, но то, что вы можете не знать, как это делать. Вы, возможно, экспериментировали с SEO (поисковая оптимизация) и PPC (оплата за клик) маркетинг, прежде чем не были удовлетворены результатами.

Комментарии

Что такое местный SEO и в чем разница между местным SEO и традиционным SEO?
Что такое местный SEO и в чем разница между местным SEO и традиционным SEO? Возможно, вы даже не знаете, как это работает, но вы уже знакомы с концепцией SEO (поисковой оптимизации), если у вас нет статьи на тему " Что такое SEO? ». Но в двух словах: это процесс получения максимально возможного рейтинга страницы на вашем сайте Google для поиска терминов, имеющих отношение к бизнесу. Но у местного
Как менеджер по онлайн-маркетингу, как вы контролируете, перевешивают ли доходы от SEO инвестиции?
Как менеджер по онлайн-маркетингу, как вы контролируете, перевешивают ли доходы от SEO инвестиции? Используя их в сочетании, четыре надежных KPI обеспечивают более тонкое понимание результатов ваших усилий по SEO. Эффективность усилий SEO обычно измеряется органическим ранжированием по ключевому слову. Google продолжает персонализировать рейтинги, делая органический рейтинг все менее надежным параметром. KPI 1 - стоимость посещения
Вы можете добавить проверочный код как во время установки BAVOKO SEO Tools, так и позже в «Настройки» → «Настройки API», нажав кнопку «Еще не подключен к консоли поиска Google?
Вы можете добавить проверочный код как во время установки BAVOKO SEO Tools, так и позже в «Настройки» → «Настройки API», нажав кнопку «Еще не подключен к консоли поиска Google?» И вставив код из тега HTML. там в строке «Проверка сайта тег HMTL». BAVOKO SEO Tools автоматически сохранит код и сгенерирует метатег на ваших страницах. Вернитесь на страницу GSC и завершите настройку, нажав «Подтвердить». 1. Ранжирование анализов с данными из консоли поиска Google в вашем бэкэнде
У вас есть что добавить в пост о том, как сделать SEO копирайтинг?
У вас есть что добавить в пост о том, как сделать SEO копирайтинг? Успехов. Права на избранные изображения: Vecteezy SEO копирайтинг 【SEO позиционирование + структура】 4,4 (87,5%) 8 голосов Дополнить эту статью
Это наш экзистенциальный вопрос, как профессионалы SEO - SEO продолжает расти?
Это наш экзистенциальный вопрос, как профессионалы SEO - SEO продолжает расти? Или действия Google уменьшили потенциал возможностей? Я вижу это во всех смыслах: В этом году в Google больше запросов, чем в прошлом году? Google берет больше поискового трафика для себя? Больше или меньше кликов переходят к обычным результатам, потому что Google сделал платные результаты (или функции SERP) более тонкими / убедительными? Является ли линия тренда SEO возможностей
Как оптимизировать продажи своего магазина, как улучшить SEO?
Как оптимизировать продажи своего магазина, как улучшить SEO? Как предложить оптимальный пользовательский опыт? Знаменитый UX, о котором говорит Google, как часть алгоритма ранжирования. Обзор благоразумия перед покупкой плагина Prestashop Прежде чем приступить к покупке модулей, я хочу сообщить вам, что во многих случаях вы будете крайне разочарованы своей покупкой. Действительно, большинство модулей, предлагаемых на маркизе, не работают должным образом или просто не завершены.
Они всегда были специалистами по веб-дизайну, и с тех пор, как SEO стало модным, предлагают ли они сейчас услуги SEO?
Они всегда были специалистами по веб-дизайну, и с тех пор, как SEO стало модным, предлагают ли они сейчас услуги SEO? Каждый день мы получаем запросы от компаний веб-дизайна, которые хотят, чтобы мы занимались SEO их клиентов, но с их брендом. Очевидно, мы не принимаем. Если вы нанимаете компанию, специализирующуюся на веб-дизайне, для оптимизации своего малого и среднего бизнеса, могут произойти 2 вещи: То, что они доверяют это третьей стороне, и что вам не повезло (нормальная вещь),
Но как вы это делаете, как вы используете Analytis или как вы отслеживаете свою активность?
Но как вы это делаете, как вы используете Analytis или как вы отслеживаете свою активность? Виктор в своей статье немного комментирует техническую часть того, как Google может узнать определенные данные нашей статистики (например, процент отказов, посещений и т. Д.), Если вы действительно не смотрите на Google Analytics. Там я говорю, что, очевидно, он не попадет в ваш аккаунт Google Analytics, чтобы увидеть, как мультфильмы с номерами вашего сайта, но я верю, что
Графики публикации, послы брендов и преемственность являются важными краеугольными камнями построения ссылок для SEO, но как мы делаем это лучше всего и как мы привлекаем всю организацию?
Графики публикации, послы брендов и преемственность являются важными краеугольными камнями построения ссылок для SEO, но как мы делаем это лучше всего и как мы привлекаем всю организацию? Мы говорим об этом на курсе SEO! Мы настоятельно рекомендуем TopVisible, если вы хотите получить структуру, реализацию и последующие действия в AdWords и поисковой оптимизации, Åsa Lindow, Clarendo AB
Как вы знаете, если SEO вашего сайта так высоко, как это должно быть?
Как вы знаете, если SEO вашего сайта так высоко, как это должно быть? Вы используете инструменты анализа веб-сайтов, чтобы узнать свою оценку SEO и улучшить факторы, которые являются низкими или отсутствуют! Каждый инструмент анализа веб-сайтов, который вы используете, будет давать вам другой рейтинг, но все они будут раскрывать разные вещи, которые также требуют вашего внимания. Ваш SEO-рейтинг действительно динамичный, постоянно развивающийся зверь, который нуждается в вашем постоянном
Прогнозирование результатов SEO может быть сложной задачей как для маркетологов, так и для агентств, так как же нам правильно понять выгоды от внедрения плана поисковой оптимизации?
Прогнозирование результатов SEO может быть сложной задачей как для маркетологов, так и для агентств, так как же нам правильно понять выгоды от внедрения плана поисковой оптимизации? Хорошо, чтобы начать, как и любой другой маркетинговый проект, вам нужно знать, где вы были, чтобы знать, куда вы идете. Забавно, что маркетологи, знакомые с традиционными СМИ, могут легко оценить производительность, но когда Поисковая

Почему я должен активно заниматься поисковой оптимизацией?
Почему?
В конкурсе сео всегда есть материальные и денежные призы, и каждый может испытать свою удачу и проверить свои знания, и могут ли они участвовать?
Что такое местный SEO и в чем разница между местным SEO и традиционным SEO?
Возможно, вы даже не знаете, как это работает, но вы уже знакомы с концепцией SEO (поисковой оптимизации), если у вас нет статьи на тему " Что такое SEO?
Как менеджер по онлайн-маркетингу, как вы контролируете, перевешивают ли доходы от SEO инвестиции?
Вы можете добавить проверочный код как во время установки BAVOKO SEO Tools, так и позже в «Настройки» → «Настройки API», нажав кнопку «Еще не подключен к консоли поиска Google?
У вас есть что добавить в пост о том, как сделать SEO копирайтинг?
Это наш экзистенциальный вопрос, как профессионалы SEO - SEO продолжает расти?
Или действия Google уменьшили потенциал возможностей?