вход на сайт

Имя пользователя :
Пароль :

Восстановление пароля Регистрация

Google Chrome: SEO трюки для простого улучшения вашего сайта

  1. Инструменты для разработчиков Google Chrome
  2. Как открыть инструменты для разработчиков Google Chrome?
  3. Проанализируйте вашу конкуренцию
  4. Как экспортировать свой список конкурентов по ключевому слову
  5. SEO на странице
  6. Улучшение внутренней ссылки: где я могу разместить ссылку?
  7. HTTPS: проверьте, правильно ли Google понял изменение
  8. Улучшение дизайна вашей веб-страницы
  9. Редактируйте свой веб-сайт, не касаясь строки HTML
  10. SEO-аудит с помощью Google Chrome: быстро, легко и бесплатно (хотя, конечно, что-то базовое)
  11. Рекомендации: SEO и Google Chrome взломали

Да, я снова прихожу сюда, чтобы поговорить о трюках для оптимизации времени и поговорить о SEO (даже если SEO не является моей специальностью). Но на этот раз я привел нового друга: Google Chrome , Браузер гугл (и самый распространенный сегодня).

Как я уже говорил, SEO не может быть сумасшедшим , Это задача, которую должен выполнить профессионал, но мы также не можем оставить ему «коричневую» SEO и не беспокоиться об этом. Все стороны, вовлеченные в веб-разработка Они должны иметь минимальные SEO-понятия, применяемые к их специальности . Таким образом, вы можете проверить, что вы не одурачили себя своей работой, которую вам затем придется переделывать или изменять для достижения поставленных целей.

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

Очевидно, трюки не на 100% мои. В конце поста я оставляю ссылки (на английском языке, конечно же) на несколько SEO-взломов, которые публикуют эти ярлыки, которые я решил интерпретировать, адаптировать и компилировать в этом посте. Я надеюсь, что вы их любите!

Инструменты для разработчиков Google Chrome

Прежде чем выйти на поле, первое, что нам нужно сделать, это открыть наш веб-сайт, а затем открыть консоль разработки, в которую встроен Google Chrome .

Как открыть инструменты для разработчиков Google Chrome?

Это очень просто, и вы можете сделать это 3 различными способами:

  • Щелкните правой кнопкой мыши в любой части сети, а затем выберите опцию «Проверка» (обычно последняя).
  • Перейдем к настройкам Google Chrome (три точки, которые появляются выше справа, под окном закрытия), а затем в «Дополнительные инструменты» -> «Инструменты для разработчиков»
  • С помощью сочетания клавиш Ctrl + Shift + I

В любом из 3 случаев мы откроем окно, очень похожее на это:

В любом из 3 случаев мы откроем окно, очень похожее на это:

Консоль разработчика Google Chrome - очень полезный инструмент для SEO

Здесь мы видим 4 разных части, которые мы будем использовать во время трюков:

  1. Главное меню с различными инструментами: пока давайте забудем об этом, потому что мы собираемся сосредоточиться на первых «Элементах».
  2. Область кода: вот HTML- код вашего сайта (или того, который вы анализируете).
  3. Область стилей CSS: здесь вы можете увидеть (и потрогать) стили CSS, которые применяются в Интернете. Эта часть очень мощная, но сегодня мы не будем ее трогать.
  4. Консоль разработки: ваш новый SEO-друг. Здесь вы можете скопировать и вставить трюки, которые я вам расскажу. И это также будет, где вы увидите ответ того, что вы применяете.

Не пугайтесь, если вы не умеете программировать или не знаете обрабатывать язык HTML , Для большинства трюков вам не нужно ничего знать об этом: просто с помощью консоли Chrome и с помощью Excel или Word вы можете управлять ими.

И теперь, когда мы готовы и у нас есть оружие ... Пойдем в беспорядок!

Проанализируйте вашу конкуренцию

Чтобы улучшить SEO вашего сайта , первое, что вы должны иметь в виду, это конкуренция, которую вы проводите в Интернете : с кем вы «столкнетесь» в битве Google и как они готовы завоевать позиции.

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

Как экспортировать свой список конкурентов по ключевому слову

Первая основа для анализа вашей конкуренции - это узнать, какие URL расположены для определенного ключевого слова, которое вас интересует. Как мы это делаем? Очень просто

  1. Мы открываем окно инкогнито в Google Chrome без входа в систему (чтобы получить самые чистые результаты и не зависеть от вашей истории посещений, файлов cookie и т. Д.).
  2. Мы делаем поиск в Google.
  3. Мы добавили параметр, чтобы показать 100 результатов: просто вставьте его в конце URL-адреса поиска и снова нажмите Enter. Таким образом, вы говорите Google не давать 10 из 10 результатов, и у вас будет большая выборка. & num = 100

  4. Мы открываем консоль разработчика и вставляем этот код. $$ ('h3 a'). join ('\ n')
  5. Мы видим результаты : теперь список всех URL-адресов появится в окне консоли. Вот уже в вашем решении, что делать. Вы можете сохранить их в Excel, чтобы завершить или каталогизировать наиболее важные, сохранить их для работы в Screaming Frog или просто просмотреть их, чтобы найти какой-нибудь известный домен. Важно то, что у вас уже есть информация.

Важно то, что у вас уже есть информация

У вас уже есть список ваших SEO конкурентов с Google Chrome

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

Если вы немного знакомы с SEO, вы будете знать, что мета-описания - это скрытый текст для пользователей, который Google использует для каталогизации вашего веб-сайта и отображения информации в результатах поиска. Хотя это и не является фактором SEO, улучшение описаний может помочь вам повысить CTR (соотношение между количеством показов вашего сайта в Google и числом кликов пользователя). И сам CTR является важным фактором для Google.

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

  1. Выполните шаги 1, 2 и 3 предыдущего трюка.
  2. Скопируйте и вставьте это в консоль var stopwords = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9" , «_», «a», «в настоящее время», «соглашение», «вперед», «добавление», «добавление», «намеренно», «подтверждено», «добавлено», «там», «сейчас», « там "," al "," что-то "," некоторые "," некоторые "," некоторые "," некоторые "," некоторые "," там "," там "," вокруг "," оба "," ampleamos " , "старый", "старый", "до", "до", "до", "просто", "приблизительно", "тот", "тот", "те", "тот", "те", " здесь "," тот "," тот "," те "," те "] функция nGrams (предложение, предел) {ns = [1,2,3,4]; вар грамм = {}; var words = предложение.replace (/ (?: https? | ftp): \ / \ / [\ n \ S] + / g, '') .toLowerCase (). split (/ \ W + /). filter (function (значение) {return stopwords.indexOf (value.toLowerCase ()) === -1}) для (n of ns) {var total = words.length - n; for (var i = 0; i <= total; i ++) {var seq = ''; for (var j = i; j <i + n; j ++) {seq + = words [j] + '';} if (seq.trim (). length <3) {continue;} else {seq = seq. trim ()} граммы [seq] = seq в граммах? граммы [сек.] + 1: 1; }} var sort = Object.keys (грамм) .sort (function (a, b) {вернуть грамм [b] -grams [a]}); for (s of sort) {if (грамм [s] <лимит) {break;} console.log (s, ':', грамм [s]);}} var gtext = document.all.search.innerText var ng = нГраммы (гтекст, 3)
  3. Нажмите ввод и проверьте результаты

Если вы проверите код в пункте 2, вы увидите, что есть список слов, разделенных запятыми. Это слова, которые скрипт будет игнорировать. Вы можете просмотреть их и добавить или удалить те, которые наиболее вас интересуют в соответствии с вашей деятельностью.

Результат, как вы увидите, ближе всего подходит к облаку тегов с наиболее часто используемыми словами.

Теперь вы можете снова скопировать результаты в Excel или просто прочитать их, чтобы «вдохновить» вас в том, что пишут конкуренты в ваших описаниях SEO.

SEO на странице

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

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

  1. Мы открываем URL, который мы хотим проанализировать с помощью Google Chrome.
  2. Открываем консоль разработчика.
  3. Мы копируем / вставляем эти команды и видим результат document.all.description.content document.title
  4. Если вы также добавите .length в конец любого из них, вы легко узнаете длину заголовка и описания.

Да ладно, это можно сделать с помощью плагина SEO, который мы установили в нашем WordPress. Но это подразумевает вход в панель, логин и т. Д. И это не всегда под рукой (или мы не анализируем нашу собственную сеть ...)

Улучшение внутренней ссылки: где я могу разместить ссылку?

Этот трюк не нуждается в Google Chrome. Мы просто сделаем поиск в Google, используя расширенные команды поиска, предлагаемые поисковой системой, и не все знают.

Если вы Google что-то вроде этого:

сайт: www.yourdomain.com "ключевое слово"

Он расскажет вам все страницы вашего сайта, которые Google имеет в своем индексе и которые содержат ваше ключевое слово .

И как это может помочь нам в SEO? Что ж , это может дать нам подсказку о том, где разместить внутренние ссылки, чтобы повысить эффективность конкретного URL для ключевого слова, которое мы хотим повысить.

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

Дополнительный совет : он также укажет, ранжируются ли URL-адреса для ключевых слов в порядке релевантности, который мы хотим. Но здесь мы переходим к вопросам SEO каннибализации, и мы бы дали полный пост ...

HTTPS: проверьте, правильно ли Google понял изменение

Другой совет также только с поиском Google.

Если вы уже решили (возможно, Google обязан) установить SSL-сертификат на своем веб-сайте, чтобы избежать небезопасного веб-сообщения , вы должны убедиться, что Google понял изменение и удалил небезопасные страницы, которые он проиндексировал. ваш сайт

Мы просто делаем этот поиск в Google:

сайт: tudominio.com -inurl: https

Если он не показывает никаких результатов, все правильно.

Если вы все еще показываете вещи, это может быть вопросом времени (этот процесс не является немедленным и может длиться несколько недель в зависимости от размера вашего веб-сайта). Или, может быть, это дает вам понять, что что-то пошло не так в процессе миграции. Проверьте, перенаправляет ли вас ввод этих URL-адресов на защищенную версию. Если вы этого не сделаете, вы должны поговорить с разработчиком, чтобы проанализировать проблему.

Улучшение дизайна вашей веб-страницы

Проверьте адаптивную версию без мобильного телефона

Как веб выглядит на мобильном? Я использую этот инструмент ежедневно, и он кажется очень распространенным. Но опыт подсказывает мне, что есть много людей, которые его не используют.

Если вы хотите проверить мобильную версию своей веб-страницы и ее адаптацию к различным устройствам, вы можете сделать это прямо из Google Chrome, выполнив следующие действия:

  1. Открываем URL
  2. Открываем консоль разработки
  3. В меню параметров нажмите на второй значок (которые похожи на два маленьких экрана вместе)
  4. Мы изменим окно браузера, и у нас будет выпадающий список с различными типами устройств, чтобы вы могли видеть адаптацию вашего дизайна.

Таким образом, вы можете получить представление о том, насколько адаптивна версия вашего сайта.

Легко, легко, правда? Ну, если вы соединили это со следующей страховкой, это будет еще более полезно для вас.

Дополнительный совет : если вы отметите выпадающие списки, которые я отмечу вас синим цветом, вы можете сделать две вещи:

  • Посмотрите, как это выглядит с устройством по горизонтали
  • Проверьте скорость зарядки с мобильными соединениями медленнее, чем ваш ADSL / домашний кабель.

Редактируйте свой веб-сайт, не касаясь строки HTML

Я должен признаться, что недавно обнаружил этот трюк с Google Chrome, и он кажется мне чудом.

Часто, когда вы проводите тесты, анализируете веб-сайт с партнером или видите его с клиентом, возникает вопрос:

И как бы это выглядело, если бы мы поместили эту фразу / более короткий абзац / более длинный абзац?

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

Просто скопируйте это в консоль и вернитесь на страницу. Указатель будет изменен, и вы можете выбрать и изменить любой текст в Интернете:

document.designMode = "on"

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

или да:

Что ты тоже знал?

[фальшивый захват Google или Rajoy в Twitter]

SEO-аудит с помощью Google Chrome: быстро, легко и бесплатно (хотя, конечно, что-то базовое)

Последний «скрытый» совет в Google Chrome: инструмент для SEO-аудита вашей веб-страницы .

Да, как вы читаете: с Google Chrome вы можете сделать SEO-аудит вашего сайта совершенно бесплатно.

Этот инструмент называется Lighthouse, и, поскольку я не хочу расширять этот пост, я оставляю вас это интернет пост республики где они говорят с вами об этом А также это руководство маяка от самого Google, где он объясняет все моменты этого мощного инструмента Chrome .

Рекомендации: SEO и Google Chrome взломали

Как я уже говорил в начале, этот пост представляет собой компиляцию и повторное применение трюков, которые я читал в нескольких постах подлинных взломов SEO. Поэтому, если вы хотите углубиться в тему, я оставляю ссылки на оригинальный контент (на английском, конечно)

  • JR Oakes: https://codeseo.io/google-chrome-seo-without-a-plugin/
  • Алейда Солис: https://searchengineland.com/chromes-devtools-seo-10-ways-use-seo-audits-266433
  • Мария Сислак: https://www.elephate.com/blog/chrome-developer-tools-overview/
  • Список стоп-слов на испанском языке: https://github.com/stopwords-iso/stopwords-es

Что вы думаете об этих трюках SEO для Chrome? Вы все их знали? Ты знаешь больше, что я не ставил? Я с нетерпением жду ваших комментариев.

До следующего поста!

Как открыть инструменты для разработчиков Google Chrome?
Как мы это делаем?
Вы знаете, что ваш конкурс говорит в своих описаниях?
Как бы вы хотели иметь упорядоченный список со словами, которые наиболее повторяются в первых результатах?
Https?
Trim ()} граммы [seq] = seq в граммах?
И как это может помочь нам в SEO?
Легко, легко, правда?
Вы все их знали?
Ты знаешь больше, что я не ставил?
Поиск по сайту
Меню
Реклама на сайте
Архив новостей
Реклама на сайте

Реклама на сайте







Архив сайта
Информация
www.home-4-homo.ru © 2016 Copyright. Все права защищены.

Копирование материалов допускается только с указанием ссылки на сайт.