Как фронтенд, вы должны знать о SEO

внешний интерфейс SEO
Как фронтенд, вы должны знать о SEO

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

  Текста много, но он полон галантереи, терпеливо читайте!

Что такое SEO:

   Следующее выдержка из энциклопедии Baidu:

SEO (поисковая оптимизация): китайский перевод означает поисковую оптимизацию. Поисковая оптимизация — это способ использования правил поиска поисковых систем для улучшения текущего органического рейтинга веб-сайтов в соответствующих поисковых системах. SEO относится к разумному планированию с точки зрения структуры веб-сайта, плана построения контента, взаимодействия с пользователем, страниц и т. Д., Чтобы получить больше бесплатного трафика от поисковых систем, чтобы сделать веб-сайт более подходящим для принципов индексации поиска. двигатели.

SEO-принципы

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

  • Сканирование страницы: паук запрашивает страницу с сервера и получает содержимое страницы.
  • Анализ и хранение: анализируйте полученный контент и включайте качественные страницы
  • Поисковая сортировка: когда пользователь ищет ключевые слова, сортирует включенные страницы в соответствии с определенными правилами и возвращает результаты пользователю.

SEO-оптимизация

Поскольку это оптимизация, то мы должны следовать принципам SEO. В ответ на три пункта, поднятые выше, мы обсудим их отдельно. В основном мы берем паук Baidu в качестве примера здесь.

Сканирование страницы

  Как привлечь пауков на наш сайт, как сделать пауковчастоПосетите наш сайт. Вот следующие моменты оптимизации:

  1. Отправить страницу. Существует несколько различных способов отправки страниц

    1. отправка карты сайта. Карта сайта, как следует из названия, представляет собой карту сайта.Когда паук заходит на наш веб-сайт, он сообщает ему, сколько у нас страниц, по каким категориям классифицируются разные страницы и каков адрес каждой страницы. Следуя нашему руководству, паук легко просканирует весь контент. Кроме того, если у вас много категорий страниц и большое количество, рекомендуется добавить файл индекса карты сайта. Если сайт часто обновляется для добавления новых страниц, рекомендуется своевременно обновлять файл карты сайта;
    2. Активно подавать. Это бросить вашу страницу прямо в интерфейс Baidu и сообщить Baidu, какие страницы у вас есть.Это самый эффективный и быстрый способ сбора. Однако следует отметить, что Baidu имеет ограничение на количество отправок в день, а повторная отправка дубликатов страниц уменьшит дневной лимит, поэтому не рекомендуется повторно отправлять для включенных страниц. Для записи требуется время, пожалуйста, терпеливо подождите;
    3. Представление в реальном времени. Установка Baidu Чтобы отправить код на странице, когда страница открывается мой пользователь, эта страница будет автоматически отправлена ​​в Baidu. Нет необходимости рассматривать вопрос дублирующего представления.Вышеупомянутые методы отправки могут использоваться одновременно, не конфликтуя друг с другом.
  2. Убедитесь, что наши страницы читаются пауками.

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

    Позже, с появлением различных фреймворков одностраничных приложений SPA, фронтенд-разработчикам уже не нужно заботиться о DOM-структуре страницы, а нужно сосредоточиться только на бизнес-логике. а затем рендеринг на стороне клиента. Это приводит к известной проблеме SEO. У Baidu самая высокая доля отечественных поисковых систем, но, к сожалению, она не поддерживает сканирование данных ajax. Поэтому разработчики стали думать о других решениях, таких как обнаружение прихода краулера, и перенаправление его на специальный маршрут для рендеринга, например движок Jade на основе Node.js (сейчас переименованный в Pug), это может быть очень хорошо решить эту проблему. React и Vue, включая относительно небольшой фреймворк Marko, также имеют соответствующие решения для рендеринга на стороне сервера. Подробности смотрите в соответствующей документации, больше говорить не буду.

  3. URL-адрес с 301

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

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

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

Анализ и хранение

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

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

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

сортировка поиска

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

  1. ТДК-оптимизация

TDK — это аббревиатура, описание страницы и настройки ключевых слов в seo-страницах.

Среди них "T" представляет собой элемент заголовка в шапке страницы, и здесь также может использоваться технология сегментации слов. Когда заголовок (Title) написан, мы постараемся сделать все возможное, чтобы не изменять его, постараемся быть максимально кратким. возможно, и старайтесь использовать как можно больше бессмысленных слов. Не включайте их в заголовок, чтобы не мешать поисковой системе идентифицировать тему сайта.

Среди них "D" представляет элемент описания в заголовке страницы. Вы должны знать, что описание представляет собой обзор веб-страницы и дополнение к заголовку. Поскольку в заголовке может быть указано только ограниченное количество слов, необходимо добавить немного больше деталей в описание.Как правило, резюмируйте содержание статьи в одном-двух предложениях.

Среди них «K» представляет собой элемент ключевых слов в заголовке страницы, и извлекаются основные ключевые слова на странице, а количество контролируется в пределах от трех до шести. Найдите способы сделать так, чтобы основное ключевое слово отображалось.

Вышесказанное взято из Baidu Baibo, и он должен быть добавлен здесь.

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

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

  description – это описание основного содержания страницы на естественном языке. Здесь следует отметить одну вещь: для достижения наилучшего эффекта охватывайте каждое ключевое слово хотя бы один раз.

  1. Улучшить плотность ключевых слов на странице

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

   Мы искали «Пекинский туризм» на Baidu, и самым популярным оказался Baidu Tourism, поэтому объяснять не буду. На втором месте Ctrip, мы проанализируем, почему Ctrip занимает такое высокое место.

   Просматривая снимки Baidu, вы можете сразу увидеть, где эти слова встречаются на странице.

Заголовок страницы

   Внизу страницы

На странице четко видно, где появляются ключевые слова. Мы обнаружили, что помимо основной части на этой странице также есть много модулей. Эти модули кажутся простыми ссылками. На самом деле их более важная миссия — служить SEO и улучшать плотность ключевых слов. В то же время все эти ссылки являются ссылками на внутреннюю часть веб-сайта, поэтому разные страницы также могут влиять друг на друга. Можно сказать, что маленькая ссылка, университет просит!

  Думаете, это конец? нисколько. Пожалуйста, внимательно следите за настройками содержимого этих модулей на странице. Охватывая районы, достопримечательности, стратегии, навигацию, проживание, транспорт и т. д., можно сказать, что он покрывает любые потребности, которые вам нужны в путешествии. Таким образом, независимо от того, какие ключевые слова вы ищете для «Пекинского туризма», например, «Пекинское туристическое жилье», «Пекинская особая еда» и т. д., будут найдены слова на этой странице, что увеличивает количество ключевых слов на этой странице. , и многое другое Легко получить экспозицию.

  1. Незначительные, но не забытые оптимизации

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

   Исходящая ссылка на странице (то есть тег A, указывающий на другой сайт), мы должны добавить егоnofollowтег, чтобы предотвратить экспорт веса на другие веб-сайты. Паук Baidu проигнорирует добавлениеnofollowссылка на. Вы также можете найти на сайтеmetaэто написано на этикетке<meta name="robots" content="nofollow" />, таким образом, паук Baidu не будет переходить по всем ссылкам на странице, но это не рекомендуется делать, если только все ссылки на этой странице не указывают на другие доменные имена.

   ......

Другие моменты оптимизации

Ссылки

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

фильтр ключевых слов

С помощьюWebmaster Tools,сайт любвиИли на фоне различных веб-мастеров мы можем анализировать происхождение IP, а также поисковую популярность и связанные слова ключевых слов, а затем добавлять эти слова на страницу с определенной плотностью, чтобы улучшить показатель попаданий. В основном это работа одноклассников, я не профессионал, поэтому не буду об этом рассказывать, больше функций можете изучить самостоятельно.

Воспользуйтесь аналитическими инструментами

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

Эпилог

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

   Вышеуказанные пункты являются лишь некоторыми краткими изложениями моих недавних исследований, и они не являются авторитетными.Я надеюсь дать простой скан студентам R&D, которые не разбираются в этой теме.Если есть какие-либо ошибки, пожалуйста, поправьте меня и дополните!