Блог

Мы разработали приложение vue с поддержкой разных языков. Для этого мы используем словари i18n.

Кроме того, на «/public/index.html «, мы добавили описания, которые мы ожидаем прочитать на странице поиска Google, с тегами:

  <meta property="og:title" content="....">
 

Но то, что мы видим в Google, это:

Итак, мои вопросы:

1. Как мы можем установить правильные значения?
2. Должны ли мы каким-то образом запрашивать у Google обновление значений, если они были приняты до нашего обновления?

Спасибо

————— РЕДАКТИРОВАТЬ 1 ——————-

Каждая строка в приложении проверяет индексы в словаре: BF_PRICING_CARD... если она не существует, поведение по умолчанию — печатать / повторять строку ключа

О og:title: тегах. Мы используем этот набор:

 <meta name="title" content="bla bla"> 
<meta name="author" content="bla">
<meta name="description" content="bla bla bla">
<meta name="keywords" content="bla bla bla bla bla">
 

————— РЕДАКТИРОВАТЬ 2 ——————-
<title>bla blag</title>

URL-адрес не меняется. Язык определяется в браузере, а затем передается в приложение в качестве переменной JS для получения нужного словаря.

1. Может ли проблема в том, что, когда Google индексирует его, у нас нет перевода, доступного для его робота?

Google не сможет индексировать переведенный контент, если вы не используете отдельные URL-адреса для каждого языка. Google говорит:

Если вы предпочитаете динамически изменять содержимое или перенаправлять пользователя на основе языковых настроек, имейте в виду, что Google может не находить и сканировать все ваши варианты. Это связано с тем, что поисковый робот Googlebot обычно происходит из США. Кроме того, поисковый робот отправляет HTTP-запросы без настройки Accept-Language в заголовке запроса.

По моему опыту, робот Googlebot не найдет несколько языков, обслуживаемых с одного и того же URL. Вам нужно создать несколько URL-адресов для страниц. Посмотрите, как я должен структурировать свои URL-адреса для SEO и локализации?

При использовании одностраничной платформы приложения, такой как Vue, это обычно означает:

• Использование history.pushState() для изменения URL-адреса при загрузке нового контента (или изменении языка)
• Использование <a href=...> ссылок на ваших страницах для информирования поисковых систем о других страницах. Для пользователей вы можете перехватывать эти клики и изменять содержимое и URL-адрес с помощью своей платформы JavaScript.
• Настройка вашего веб-сервера для обслуживания вашего одностраничного приложения для каждого допустимого URL-адреса и проверка того, что ваше приложение загружает правильный контент на основе исходного URL-адреса.
• Внедрение рендеринга на стороне сервера (также называемого предварительным рендерингом), чтобы сделать ваш сайт более доступным для ботов. Googlebot — единственный бот поисковой системы, достаточно продвинутый для выполнения JS. Даже для Googlebot индексация будет хуже и медленнее, если вы потребуете, чтобы Googlebot отображал ее, а не делал это на стороне сервера.
• Избегайте изменения содержимого, которое вы хотите проиндексировать в поисковых системах, на основе взаимодействия с пользователем. Даже когда Googlebot выполняет JavaScript, он не имитирует поведение пользователя, такое как нажатие или прокрутка.

Когда вы используете мета-теги, убедитесь, что они соответствуют URL. Вам понадобится <title> тег и <meta name=description> теги для SEO. Если вы хотите, чтобы ваш сайт выглядел красиво, когда им делятся на Facebook и Twitter, вам нужно включить мета-теги open graph для изображения и описания.