Как вывести инстаграм в яндекс браузере
В конце 2021 года мы делали проект со снежинками — писали специальный скрипт, который запускал падающий снег на сайтах. Если бы мы хотели сделать такой снег на любом своём сайте, это не составило бы труда: добавляешь скрипт в код страницы, и готово.
А вот на чужих сайтах была проблема. Скрипт нужно было вставлять через консоль. А если на сайте была настроена политика безопасности, которая запрещает запуск внешних скриптов, то магия не срабатывала.
Сегодня мы это исправим — сделаем расширение для браузера, которое может запускать любой скрипт на любой странице. Мы охватим принцип, на основе которого вы сможете сделать собственные расширения, в том числе намного более сложные.
. Что такое расширение
Расширение для Chrome — это небольшая программа, которая выполняется внутри браузера и помогает расширить возможности сайтов. Сила расширения в том, что оно может выполняться прямо из меню браузера и не зависит от политик безопасности.
Примеры того, что может сделать расширение:
- Сохранить ваши пароли и другие личные данные,
- Выдрать из страницы скрытые данные (например, ссылку на скачивание музыки).
- Менять что-то на странице, например, отключать рекламу, переводить текст, удалять ненужное.
- Собирать статистику вашей работы в интернете.
- Подключаться к другим сервисам (почте, чатам, файлообменникам) и взаимодействовать с ними из браузера.
В этой статье
Мы сделаем самое простое расширение для браузера Chrome, которое позволит запускать скрипт со снежинками на любом сайте, независимо от настроенной политики безопасности. Для этого воспользуемся официальным руководством Google по созданию расширений.
Манифест
В каждом расширении для браузера должен быть манифест — документ, в котором написано:
- как называется расширение;
- к чему расширение может получить доступ;
- какие скрипты будут работать в фоне;
- как должна выглядеть иконка расширения;
- что показать или что выполнить, когда пользователь нажмёт на иконку расширения.
Манифест задаёт общие правила для всего расширения, поэтому манифест — единственный обязательный компонент. Можно обойтись без иконок и скриптов, но манифест обязательно должен быть.Каждый манифест хранится в файле manifest.json — создадим пустой файл с таким именем и напишем внутри такое:
“name”: “Запускаем снежинки на любом сайте”,
“description”: “Проект журнала Код”,
“version”: “1.0”,
“manifest_version”: 3
>
Первые две строчки — это название и подробное описание расширения. Третья отвечает за номер версии расширения, а последняя говорит браузеру, какая версия манифеста используется в описании. На момент выхода статьи в феврале 2022 года используется третья версия.
Сохраняем файл и всё, расширение готово. Оно ничего не умеет, ничего не делает, зато мы уже можем добавить его в браузер. Для этого запускаем Хром и в адресной строке пишем:
Мы попадаем на страницу, которая нам покажет все установленные расширения:
Чтобы добавить своё расширение, в правом верхнем углу включаем режим разработчика, а затем нажимаем “Загрузить распакованное расширение”:
Теперь выбираем папку, в которой лежит наш манифест:
Отлично, мы только что добавили в браузер новое расширение:
Теперь мы можем обновлять наш манифест, класть в ту же папку дополнительные файлы, а для обновления в браузере достаточно будет нажать на круглую стрелку на карточке расширения.
Чтобы было проще работать и тестировать расширение, закрепим его на панели браузера:
Иконки
У расширения есть две иконки, которыми мы можем управлять:
- Картинка в карточке расширения на странице настроек.
- Иконка на панели браузера.
Чтобы не рисовать всё с нуля, скачаем папку с иконками из того же руководства Google и положим её в ту же папку, что и манифест:
Теперь добавим иконки в манифест. За картинку в карточке отвечает блок icon, а за иконку на панели — блок action. Разные размеры картинки нужны для того, чтобы на разных мониторах с любой плотностью пикселей иконки выглядели хорошо:
Сохраняем манифест, обновляем расширение на странице настроек и смотрим результат:
Настраиваем разрешения
Разрешения — это то, что браузер позволяет делать расширению со страницами и с их содержимым. Для запуска снежинок нам нужно сделать две вещи:
- Понять, какая вкладка сейчас активная, чтобы запустить снежинки именно на ней.
- Запустить наш скрипт со снежинками.
Чтобы получить доступ к активной вкладке и к запуску скриптов, добавим в манифест такую строку:
“permissions”: [“activeTab”, “scripting”],
Показываем меню
Если мы сейчас нажмём на иконку расширения на панели браузера, то ничего не призойдёт, потому что мы ничего не запрограммировали. Исправим это — сделаем так, чтобы при нажатии расширение показывало кнопку запуска. Когда расширение будет уметь больше, вместо одной кнопки можно будет показать целое меню.
Чтобы сделать всплывающее меню, добавим в манифест в раздел action такую строку:
Она означает, что при нажатии на иконку мы увидим рядом с ней мини-страничку, на которой что-то будет.Создадим в той же папке расширения файл popup.html и добавим в него такой код:
Чтобы браузер не ругался, что у нас нет файла popup.js , создадим пустой файл с таким названием и положим его в ту же папку:
Сохраняем манифест, обновляем его на странице настроек и видим, что у нашего расширения появилось меню с кнопкой:
Запускаем снежинки
Вся магия будет происходить в файле popup.js — откроем его и добавим такой код:
Последнее, что нам осталось сделать, — положить в функцию snowFall() полный код скрипта из проекта со снежинками и сохранить файл.
Проверка
В прошлый раз мы не смогли запустить скрипт на любой странице Яндекса — мешала политика безопасности. Теперь всё работает:
В этой статье
Мы сделаем самое простое расширение для браузера Chrome, которое позволит запускать скрипт со снежинками на любом сайте, независимо от настроенной политики безопасности. Для этого воспользуемся официальным руководством Google по созданию расширений.
В каждом расширении для браузера должен быть манифест — документ, в котором написано:
- как называется расширение;
- к чему расширение может получить доступ;
- какие скрипты будут работать в фоне;
- как должна выглядеть иконка расширения;
- что показать или что выполнить, когда пользователь нажмёт на иконку расширения.
Манифест задаёт общие правила для всего расширения, поэтому манифест — единственный обязательный компонент. Можно обойтись без иконок и скриптов, но манифест обязательно должен быть.Каждый манифест хранится в файле manifest.json — создадим пустой файл с таким именем и напишем внутри такое:
“name”: “Запускаем снежинки на любом сайте”,
“description”: “Проект журнала Код”,
“version”: “1.0”,
“manifest_version”: 3
>
Первые две строчки — это название и подробное описание расширения. Третья отвечает за номер версии расширения, а последняя говорит браузеру, какая версия манифеста используется в описании. На момент выхода статьи в феврале 2022 года используется третья версия.
Сохраняем файл и всё, расширение готово. Оно ничего не умеет, ничего не делает, зато мы уже можем добавить его в браузер. Для этого запускаем Хром и в адресной строке пишем:
Мы попадаем на страницу, которая нам покажет все установленные расширения:
Чтобы добавить своё расширение, в правом верхнем углу включаем режим разработчика, а затем нажимаем “Загрузить распакованное расширение”:
Теперь выбираем папку, в которой лежит наш манифест:
Отлично, мы только что добавили в браузер новое расширение:
Теперь мы можем обновлять наш манифест, класть в ту же папку дополнительные файлы, а для обновления в браузере достаточно будет нажать на круглую стрелку на карточке расширения.
Чтобы было проще работать и тестировать расширение, закрепим его на панели браузера:
Теперь мы можем обновлять наш манифест, класть в ту же папку дополнительные файлы, а для обновления в браузере достаточно будет нажать на круглую стрелку на карточке расширения.
Расширения
Возможности расширения Веб Instagram
Дополнение Инстаграм интегрируется в Яндекс Браузер и изменяет интерфейс стандартной браузерной страницы на мобильный.
Оно позволяет:
На заметку! Расширение Инстаграм для обозревателя от Яндекс имеет ночной режим, который поможет уменьшить нагрузку на глаза в тёмное время суток, а также придётся по душе любителям тёмного оформления страниц.
Инструкция по установке Веб Instagram в Яндекс Браузер
Как пользоваться расширением Instagram?
Нажатие на значок на панели Яндекс Браузера приведёт к перебросу на стартовую страницу Инстаграм. Для входа в аккаунт в верхнее поле требуется ввести имя пользователя, номер телефона или адрес электронной почты, используемые при регистрации, а в нижнее поле — пароль. Далее, нажать на кнопку «Войти«.
Важно! Забытые логин и пароль в Инстаграм можно восстановить. Для этого нужно нажать на ссылку «Забыли пароль?» и следовать рекомендациям системы.
Обзор функциональных кнопок
После входа страница примет привычный вид мобильного приложения, где имеются те же функциональные кнопки.
Внизу экрана:
Боковой ряд внизу экрана:
- Стрелка вверх— прокрутка ленты к её началу.
- Улыбающийся смайлик — выбор эмодзи для добавления в пост или комментарий.
- Глазик — переключение на режим «Инкогнито», позволяющий скрыть присутствие в сети от друзей и подписчиков.
- Компас — переход к рекомендованным социальной сетью аккаунтам, подобранным по интересам, местоположению, общим друзьям и другим параметрам.
В верхней части экрана:
Аналогичные дополнения Instagram для Яндекс Браузера
Есть ещё ряд полезных расширений для работы в Instagram на ПК, интегрирующихся в Яндекс Браузер:
Все эти расширения предназначены для предоставления возможностей мобильной социальной сети Instagram на компьютере. Они совместимы с большинством обозревателей, в том числе и с Яндекс браузером.
Поисковые системы являются основным источником трафика для большинства сайтов. Исключение — социальные сети, такие как Инстаграм. Для социальных сетей основная аудитория — это постоянные пользователи, которые ищут интересующие их страницы через встроенную поисковую сеть. Однако любому предпринимателю или блоггеру интересно вывести свою страницы в Инстаграм в ТОП Яндекса и Google, даже если поисковики не будут являться основными источниками трафика, они могут немного расширить аудиторию, добавить новых подписчиков, а для коммерческих аккаунтов стать и источником дополнительной прибыли.
Основные параметры аккаунта Инстаграм
У каждого аккаунта Инстаграм есть несколько основных параметров:
Не все эти параметры публичные. Например, если зайти в профиль пользователя Инстаграм можно оценить лишь некоторые из его параметров — это количество подписчиков, число постов, верификация и ряд других. Однако узнать статистику аккаунта, которая напрямую показывает его популярность, невозможно. Это может сделать только владелец аккаунта Инстаграм, и только в том случае, если это профессиональный (бизнес) аккаунт.
Как поисковые системы ранжируют Инстаграм
Соцсеть Инстаграм не раскрывает количество данных, которые она передает в поисковые системы. Однако есть данные, которые точно поисковики получают — это сведения о верификации аккаунта, число подписчиков, описание профиля, количество постов и так далее. На основании этих данных, используя собственные механизмы ранжирования, поисковые системы предлагают по запросу те или иные аккаунты Инстаграм. При этом выдача аккаунтов в Яндекс и Google по одному и тому же запросу сильно различается.
Так выглядит выдача по запросу “мама Инстаграм” в Яндекс:
Можно видеть, что на первом месте выдается хэштег, на втором профиль Инстаграм, который поисковая система посчитала максимально релевантным, а далее уже идут другие сайты.
Так выглядит выдача по запросу “мама Инстаграм” в Google:
Ситуация абсолютно другая. Вся первая страница выдачи забита только профилями Инстаграм. Здесь нет в выдаче хэштега, а у профилей отображается информация о количестве опубликованных постов, число подписок и подписчиков, но при этом не отображается факт верификации аккаунта (хотя он тоже учитывается в ранжировании).
Один из главных параметров ранжирования результатов в поисковой системе — это геолокация. В зависимости от региона, выдаваемые аккаунты поисковиками будут различаться. Однако механика выдачи остается неизменной.
Как вывести Инстаграм в ТОП Яндекс
Приведенные ниже рекомендации по продвижению основаны на опыте авторов материала по работе с аккаунтами Инстаграм. Официальных алгоритмов вывода аккаунта Инстаграм в ТОП Яндекс, Google или другой поисковой системы не существует.
Если провести анализ аккаунтов Инстаграм, которые Яндекс выводит выше остальных, ключевое влияние оказывает:
- Уточненная региональная принадлежность. При продвижении аккаунта Инстаграм, который оказывает услуги в конкретном регионе, идеальным решением будет обозначить это не только в описании аккаунта, но и в названии. Например, если аккаунт оказывает услуги по лазерной резке в Санкт-Петербурге, то нужно добавить к линку аккаунта “spb”.
- Верификация. Важный для Яндекса показатель — это наличие значка верификации у аккаунта. Очень редко можно видеть, что по запросу аккаунт без “галочки” будет отображаться выше, чем аккаунт с “галочкой”. Получить верификацию аккаунта Инстаграм можно даже при наличии 10-20 тысяч подписчиков, не обязательно иметь сотни тысяч или миллионы подписчиков.
- Хэштеги в описании. Как можно было видеть по примерам выше, Яндекс отдает большое значение хэштегам в Инстаграм. Один из способов привлечь внимание поисковой системы к аккаунту — добавить нужные хэштеги в описание.
Это имеет смысл, если речь идет о среднечастотных или низкочастотных ключевых словах. Для высокочастотных мала вероятность, что наличие хэштегов в аккаунте скажется на продвижении.
Эти 3 параметра дают возможность одним аккаунтам оказываться над другими в поисковой системе Яндекс, даже если эти аккаунты имеют примерно одинаковое количество подписчиков.
Естественно, это не все параметры, на которые смотрит Яндекс при выдаче того или иного аккаунта в Инстаграм выше или ниже другого. Немаловажным фактором является наличие ссылок на аккаунт со стороны авторитетных веб-сайтов.
Как вывести Инстаграм в ТОП Google
В случае с Google список параметров, которые имеют первостепенное значение для ранжирования аккаунта, немного отличается. Региональная принадлежность аккаунта и хэштеги для этой поисковой системы не так важны, как для Яндекса. Однако верифицированность аккаунта все еще является важным параметром. Другими важными индикаторами для Google является:
Эти 3 параметра являются основными факторами ранжирования для Google, которые нами были установлены в процессе работы с аккаунтами Инстаграм.
Помните, что для любой поисковой системы важно количество подписчиков и число постов, но эти параметры не являются основными при ранжировании аккаунтов Инстаграм.
Расширения
InstaSaver для Яндекс Браузера – программа для сохранения видео и фото из Instagram. В этой социальной сети нет возможности скачивания картинок. InstaSaver позволит сохранить понравившуюся картинку всего за несколько кликов. Расширение InstaSaver простое в использовании, с понятным интерфейсом.
Функции InstaSaver
С помощью InsraSaver можно просматривать в Инстаграме скрытые истории, а также скачивать их. В верхнем углу видеопроигрывателя или изображения есть кнопка скачивания. Загружаемые файлы не теряют качество и разрешение. Все картинки будут сохраняться в ту папку, где находятся остальные данные скачиваемые с Яндекс Браузера.
Функции InstaSaver:
- загрузка любых фото и видео с Instagram на компьютер;
- просмотр видеоматериалов и изображений;
- создание резервных копий файлов;
- возможность ставить лайки и оставлять комментарии;
- поиск нужных постов при помощи хэштегов.
Настройка
Для безопасного пользования InstaSaver важно знать следующую информацию:
- InstaSaver является отдельным от Instagram и не имеет к нему никакого отношения.
- Использовать скачанные файлы в коммерческих целях нельзя, так как это нарушает право интеллектуальной собственности. При нарушении прав придется нести ответственность.
- Перед скачиванием фото или видео нужно получить разрешение на это у владельца страницы в Instagram. Если файлы были загружены по личной инициативе, то их не рекомендуется распространять в интернете.
Для работы требуется выполнить вход в социальную сеть. Не существует ограничений на количество загрузок и их объем. Сохранить можно любое число файлов, если это позволяет память компьютера.
Загрузить видео и фото при помощи InstaSaver не получится, если владелец поставил ограничение на просмотр контента. Некоторые файлы после скачивания будут иметь плохое качество.
Установка
Чтобы начать пользоваться расширением InstaSaver, необходимо:
- Установить InstaSaver на компьютер или ноутбук.
- Открыть социальную сеть и скопировать URL нужного поста.
- Открыть IstaSaver и нажать на значок загрузки.
Затем нужный файл будет сохранен на компьютер в нужную папку. Картинки можно ставить на заставку или отправлять друзьям.
Instagram — мощная цифровая платформа для интернет-маркетологов, и все понимают, что работа с профилем не ограничивается собственно инстой.
Как это ни удивительно, но аккаунты Instagram сложно индексируются в Google, и редкие из них появляются в поисковой выдаче. Во многом потому, что пользователи по большей части не интересуются поисковым продвижением, а Instagram запрещает поисковым системам индексировать изображения на фотохостинге. Профили могут индексироваться, но изображения нет. Однако проблема решаема.
Проверьте, что ваш профиль открыт для всех пользователей. Профили в Instagram по умолчанию доступны всем. Это значит, что любой человек может беспрепятственно зайти на вашу страницу и посмотреть ее контент. Но не будет лишним перепроверить настройки. Для этого перейдите в свой профиль и кликните меню-гамбургер. После этого перейдите в «Settings» > «Account Privacy» и проверьте, что «Private Account» установлен как «off».
Добавьте самые важные ключевые слова в название вашего Instagram
Тег title для страницы генерируется автоматически, в расчет принимается информация из профиля, и выглядит все это вот так: My Name (@username) • Instagram photos and videos.
Добавить текст под названием профиля — единственный способ разместить важные ключевые слова в тегах title Instagram.
Советуем избегать перенасыщения ключевыми словами, ведь существует вполне эффективное средство. Например, достаточно изменить некоторые слова, как в случае названия ресторана с «Casey’s» на «Casey's Groceries».
Чтобы обновить название в Instagram, кликните кнопку профиля, затем кликните «Edit Profile» и обновите поле «Name». Добавьте некоторые специфичные и ключевые слова в биографическую сводку.
Во время редактирования профиля также стоит проверить, оптимизирована ли под поисковые системы строчка с биографической информацией. Здесь небольшой фронт работы: текст с биографией вмещает только 150 символов, примерно столько же, сколько в описании поисковой рекламы Google.
К счастью, небольшой переизбыток ключевых слов допускается в биографической сводке Instagram, в случае если используются релевантные ключевые слова с хештегами. Биографическая сводка отображается как html и сканируется поисковыми системами, и это фактически единственный кусок текста на странице, поэтому здесь нужно приложить усилия в плане оптимизации.
Можно использовать АА для подбора хештегов в Instagram и АА для подбора ключевых слов, чтобы узнать, какие ключевые слова стоит добавлять в биографию. Будет хорошей идеей включить хотя бы несколько нехештеговых слов в биографию, чтобы добавить немного «семантического мяса», с которым можно было бы работать. Освежайте свою биографию по мере возможности, и насколько позволяет ограниченное пространство. В поле «Website» должна содержаться ссылка на сайт.
Подписи к изображениям — все равно что тег title
С подписями к изображениям в Instagram принято обращаться как с мета-описаниями, но лучше рассматривать их как теги title, потому что когда Instagram создает страницу для вашего поста, в теге title появляется подпись.
Опять же, можно видеть, насколько важно поле Name в профиле, ведь оно также показывается здесь, даже несмотря на то, что имени пользователя нет. Но остальная часть тега title поглощается подписью изображения. Это может привести к тому, что теги title в поисковой выдаче будут выглядеть очень беспорядочно:
Дело ухудшается еще больше, когда добавляются emojis. Мы не предлагаем специально сокращать подписи к изображениям, чтобы не выходить за пределы тега title, поскольку в таком случае подпись будет слишком короткой. Но будет хорошей идеей регулярно проверять, как тег укорачивается и так удостовериться, что самая важная информация находится в начале подписи.
Как и в случае с биографией, проверьте, что подпись насыщена ключевиками, но учитывайте, что это также будет выглядеть как призыв к действию в поисковых результатах. Строчка хештегов может быть уместной в Instagram, но в теге title в результатах поиска это будет очень похоже на спам.
Прямая ссылка на посты в Instagram
Это, возможно, самый важный шаг всего процесса оптимизации. Веб-приложение Instagram выполняется в JavaScript, и это означает, что Google не рассматривает ссылки на отдельные страницы постов в Instagram из профиля как «настоящие». По этой причине огромное большинство постов не индексируется в результатах поиска.
Чтобы пост проиндексировался, нужно как можно больше ссылок на пост из разных платформ. Например, в руководстве по подписчикам в инсте от Shopify рекомендуется подписываться, ссылаться и комментировать посты подписчиков ваших конкурентов, поскольку, по статистике, 34% из них подписываются на ваш аккаунт в ответ. Чем больше у вас подписчиков, тем больше ссылок вы будете собирать от подписчиков, ссылающихся на ваши посты в разных платформах.
Итог
Несмотря на то, что платформа Instagram не очень поддается SEO-оптимизации, все же есть несколько способов добиться того, чтобы люди находили ваш профиль и посты в результатах поиска, в то время как конкуренты будут практически незаметными.
Читайте также: