Введение
SEO, мета, поисковая оптимизация, простые уроки
Внимательные одноклассники могли заметить, что в начале появились ключевые слова, почему это? Прочитав эту статью, вы поймете.
Внимательные ученики также обнаружат, что мое название и обложка отличаются. Почему? Прочитав эту статью, все поймут.
Думали ли студенты когда-нибудь об Интернете用户,网站Сколько стоит? Вот веб-сайтinternet live statsОн дает некоторую статистику о состоянии интернета в режиме реального времени Вот скриншот состояния около 7:00 4 апреля 2019 года:
Может данные на карте недостаточно точные, но можно найти как справочную网站总数вероятно в16亿или так, когда ищешь网站и получить к нему доступ, что эквивалентно人海茫茫найти свое в мире另一半. Эта вероятность еще достаточно мала, чтобы решить эту проблему搜索引擎родился, наш наиболее часто используемый搜索引擎Есть Baidu, Bing, Google и т.д.
SEO
搜索引擎На каком основании регистрируются сайты и органические рейтинги?
搜索引擎существует记录网站а также自然排名Существует набор правил, и соответствующая оптимизация этого набора правил называетсяSEOА именно поисковая оптимизация. Есть много дорвеев в поисковой оптимизации и смежных профессиях.Номер один в соответствующих книгах на JD.com — «Практический пароль SEO: 20-кратное увеличение трафика веб-сайта за 60 дней».640Страница.
HTML
Сайт в конечном итоге будет выведенhtmlстраницы, которые также доступны для поисковых систем最小单元之一. Конечно в традиционном бэкендеMVCпрямой выводhtmlМетод относительно легко оптимизировать. Однако сейчас фронтенд-разработка — это в основном одностраничные приложения, а выводhtmlнужно пройтиJavaScriptТолько после рендеринга он может отображаться на самом деле. Решено в одностраничном приложенииSEOЕсть еще два распространенных метода:
- Использовать внутренний рендеринг, прямой вывод
html. - Воспользуйтесь мета-атрибутами в голове.
Область применения статьи
В этой статье объяснюSEOсерединаmetaДля связанного контента в метатеге есть три основных места: заголовок, описание и ключевые слова.SEOполезный,Heading 标签Похожие можно посмотретьH1 の Маленький секрет.
title
title 标题标签сообщить пользователю и搜索引擎какова тема конкретной страницы, поэтому заголовок должен точно описывать, о чем страница, а заголовок должен быть в搜索引擎Вывод будет отображаться непосредственно при отображении результата, если он слишком длинный搜索引擎Будет отображаться только часть контента.
Лучше использовать несколько ключевых слов-,|,空格Например, заголовок домашней страницы Nuggets содержит три ключевых слова: Nuggets, juejin.im и сообщество, которое помогает разработчикам развиваться. Студенты могут искать их в поисковой системе, и все они должны занимать первое место.
<title>掘金 - juejin.im - 一个帮助开发者成长的社区</title>
description
description 描述标签Предоставляет общее описание страницы, и если термин во фрагменте страницы появляется в запросе пользователя, этот термин будет выделен.
descriptionдолжны обобщать именно то, что находится на странице, и в идеале иметь разныеdescriptionЕсли тег описания хорошо написан, он может увеличить рейтинг кликов страницы. Например, Наггетс на главной странице — это общее описание всего Наггетса, а в статьеdescriptionЗатем перехватите часть контента в начале статьи.
<meta name="description" content="掘金是一个帮助开发者成长的社区，是给开发者用的 Hacker News，给设计师用的 Designer News，和给产品经理用的 Medium。掘金的技术文章由稀土上聚集的技术大牛和极客共同编辑为你筛选出最优质的干货，其中包括：Android、iOS、前端、后端等方面的内容。用户每天都可以在这里找到技术世界的头条内容。与此同时，掘金内还有沸点、掘金翻译计划、线下活动、专栏文章等内容。即使你是 GitHub、StackOverflow、开源中国的用户，我们相信你也可以在这里有所收获。">
keywords
keywords 关键词标签Важность оптимизации страницы не так важна, как раньше, но дляSEOЭто все еще полезно, неkeywordsСлишком много ключевых слов скопилось в5-6лучшая комбинация,Отдельный контент, вот домашняя страница НаггетсkeywordsНапример:
<meta name="keywords" content="掘金,稀土,Vue.js,微信小程序,Kotlin,RxJava,React Native,Wireshark,敏捷开发,Bootstrap,OKHttp,正则表达式,WebGL,Webpack,Docker,MVVM">
пример
Пример здесь掘金этот сайт,掘金Он разработан как отдельная страница с использованием vue. также столкнутьсяhtmlПроблемы, которые не могут быть получены прямыми поисковыми системами, из тегов страницdata-vue-metaЕго следует использоватьvue-metaрешатьSEOЭта проблема.
На этом примере хорошо видноtitle,description,keywordsМагия трех мушкетеров. Конечно, это правило можно использовать и для улучшения статьи в搜索引擎естественное ранжирование.
Дома
Маленький список здесь называется
网站链接Заинтересованные студенты могут найти его.
title
существует搜索引擎Ищите самородки, и вы увидите掘金- juejin.im - 一个帮助开发者成长的社区Он отображается предпочтительно и увеличено, что также является заголовком на домашней странице Nuggets.
description
а также掘金是一个帮助开发者成长的社区，是给开发者用的 Hacker News，给设计师用的 Designer News，和给产品经理用的 Medium。掘金的技术文章由稀土上聚集的技术...на главной странице НаггетсdescriptionВыдержки из некоторых материалов.
keywords
Ключевые слова не очень помогли в этом поиске, хотя главная страницаkeywordsтакже упоминается в掘金.
личное эссе
title
титулованный文章名称а также掘金Поэтому постарайтесь привести ключевые слова статьи при выборе названия статьи, чтобы пользователям было легче ее найти. как второкурсник该不该优雅Это ключевое слово является стандартной демонстрацией ошибки. Обычные пользователи будут искать性能,可读性.
description
Описание — это начало раздела, перехваченного в теле статьи, которое также добавлено Сяо Эром в заголовок статьи.SEO、Meta、搜索引擎优化、简单教程Причина в том, что с помощью ключевых слов каждый может найти эту статью.
пс: когда вы пишете статьи, вы также можете кинуть ключевое слово о, такое маленькое в начале, как два.
keywords
Ключевые слова — это ключевые слова, выбранные при создании статьи.
персональные данные
title
Заголовок состоит из двух ключевых словzhangxiangliang,掘金.
description
описанный как用户职业,用户公司,用户个人签名Композиция, поэтому не забудьте написать хорошо при написании личной информации, пользователи могут легко найти вас при поиске. Если не верите мне, можете поискать全栈魔法师Попробуйте, вы обнаружите, что второй занимает второе место в результатах поиска.
keywords
ключевое слово имя пользователяzhangxiangliangБольше связанных ключевых слов не было.
SEO-контент
- H1 の Маленький секрет
- SEO первый опыт
- img の маленькие девять девять
- Тысячи миль брака, проведенного нитью
- бросать объятия
- Закон о роботах
Расти вместе
В запутанном городе неизбежно идти бок о бок
伙伴Давайте расти вместе.
- Если вы хотите, чтобы статью увидело больше людей, нажмите
点赞. - Если вы хотите мотивировать второго ребенка, вы можете перейти кGithubдать
小星星. - Если вы хотите больше общаться с Xiaoer, добавьте WeChat
m353839115.
Оригинал статьи изPushMeTop