前端SEO总结-01

news/2024/5/9 20:05:29/文章来源:https://blog.csdn.net/Y_shihao/article/details/102683824

SEO优化

一、google搜索引擎的原理

传送门

1.基本概念

搜索引擎指自动从互联网搜集信息,经过一定整理以后,提供给用户进行查询的系统。—wiki百科

2.分类

  • 全文搜索引擎

    通过自动的方式分析网页的超链接,依靠超链接和HTML代码分析获取网页信息内容,并按事先设计好的规则分析整理形成索引,供用户查询

  • 分类目录

    通过人工的方式收集整理网站资料形成数据库的,比如雅虎中国以及国内的搜狐/网易/搜狐分类目录,在网上的一些导航站点,也可以归属为原始的分类目录,比如“网址之家”(http://www.hao123.com/)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wQfSkmUu-1571729678415)(/Users/yangshihao/Library/Application Support/typora-user-images/image-20191022102412527.png)]

3.全文搜索的工作原理

  • 信息采集

    由搜索器和分析器(搜索器—网络爬虫、网络蜘蛛、网络机器人)自动搜索网页上的所有的超链接,不断从一个网页转到另一个网页,将采集到的网页添加到网页数据库中

    • 严谨的、结构化、可读性强、错误少的html代码更容易被采集和分析,如果网站太差有可能小蜘蛛无法识别,而被拒绝收录
    • 搜索相同的超链接是,会自动对比新旧网页的内容和大小,如果发生改变,则会更新搜索链接库
  • 索引

    搜索引擎将收集到的信息存储起来,并按照一定的规则进行编排

    • 索引的创建需要较长的时间,并且会定期更新
    • 索引是区别好坏搜索的重要标志
  • 搜索

    用户想搜索引擎发出查询,搜索引擎接收请求并向用户返回资料

4.谷歌排名技术的核心

PageRank技术,并不计算直接链接的数量,而是将网页A指向网页B的链接解释为网页A投给网页B的一票,根据投票数量来评估页面的重要性,并且网页A的的价值越高,对网页B的价值影响会更大,谷歌会认为网页B也很重要

  • 指向你的网站的超链接数量(你的网站被别人引用),这个数值越大,表示你的网站越重要,通俗的说,就是其它网站是否友情链接,或者推荐链接到你的网站;

  • 超链接你的网站的重要程度,意思就是一个质量好的网站有你的网站的超链接,说明你的网站也很优秀。

  • 网页特定性因素:包括网页的内容、标题及URL等,也就是网页的关键词及位置。

二、前端的一些SEO优化操作

  1. 外链方式

    • 和优秀的网站交换链接

    • 多去质量好的论坛发言,并留下链接

    • 在大的网站博客推广自己的网站

  2. 高质量的代码

    • 代码结构层次分明,且不宜嵌套过深

    • 为用户创建导航页,为搜索引擎创建站点地图

    • 显示使用的404页面

    • 标题(Title)、关键词(Keyword)、描述(Description)这三个标签是网站收录的重要指标

      传送门

      a.Title标签

      • 创建唯一且准确的网页标题

        <title> 标签可告诉用户和搜索引擎特定网页的主题是什么。标记应放置在 HTML 文档的 head 元素中。您应该为网站上的每个网页创建一个唯一标题。

      • 创建恰当的标题和摘要以在搜索结果中显示

        • 准确描述网页内容

          选择一个读起来自然且能有效传达网页内容主题的标题。

          应避免的做法:

          • 选择与网页内容无关的标题。
          • 使用默认或模糊标题,例如“无标题”或“新增网页 1”。
        • 为每个网页创建唯一专用标题

          网站上的每个页面最好具有唯一专用标题,这有助于 Google 了解该页面与您网站上其他页面的区别。如果网站具有独立的移动版网页,也请为移动版网页使用恰当的标题。

          应避免的做法:

          • 为网站所有页面或大量页面使用单一标题。
        • 使用简短但描述准确的标题

          标题应简短而信息丰富。如果标题太长或被认为不太相关,那么 Google 可能只会显示其中的一部分或在搜索结果中自动生成的标题。Google 还可能根据用户的查询或搜索时所用设备显示不同的标题。

          应避免的做法:

          • 使用对用户来说不实用的冗长标题。
          • 在标题标记中填充不需要的关键字。

      b.meta标签

      • Description元标记

        说明元标记很重要,因为 Google 可能会将其用作您网页的摘要。请注意,我们说的是“可能”,因为 Google 也可能选择使用网页可见文本的相关部分(如果该部分能很好地匹配用户查询的话)。为每个网页添加说明元标记从来都是非常好的做法,以防 Google 找不到要在摘要中使用的恰当文字。

        1. 准确描述页面内容
        2. 不重复描述,避免关键词堆砌
        3. 理想长度控制在155字符
        4. 为每一个页面创建不同的描述,页面太多则手写不适合,可以让搜索引擎自动生成
        • 准确总结网页内容

          如果您的说明元标记可在搜索结果中以摘要形式向用户显示,则请编写一份既能告知用户相关信息又能引起用户兴趣的说明。虽然说明元标记中的文本没有最少或最多字数限制,但建议您确保其长度足以完全显示在搜索结果中(请注意,用户可能会看到不同大小的摘要,具体取决于用户搜索时所用的方式和设备),并且包含用户确定该网页是否有用以及是否与其搜索内容相关所需的所有相关信息。

          应避免的做法:

          • 编写与网页内容无关的说明元标记。
          • 使用“这是一个网页”或“与棒球卡相关的网页”等通用说明。
          • 仅使用关键字填写说明。
          • 将整个文档复制并粘贴到说明元标记中。
        • 为每个网页使用唯一的说明

          为每个网页使用不同的说明元标记对用户和 Google 都有帮助,尤其是当用户的搜索可能会使您网域上的多个网页显示在搜索结果中时(例如,使用 site: 运算符进行搜索)。如果您的网站有数千个甚至数百万个网页,那么手动构建说明元标记的方式可能不可行。在这种情况下,您可以根据每个网页的内容自动生成说明元标记。

          应避免的做法:

          • 为网站所有页面或大量页面使用单一说明元标记。

三、拓展

1.关于h标签的一些使用

  • h1代表最重要,会代表相对最不重要

  • h1中包裹的网页的标题,h2表示一个段落的标题,h3表示段落的小姐标题

  • h1尽量靠近html的标签,并且排在h2-h6前面,这样方便搜索引擎最快找到主题

  • 每个网页只能有一个h1标签,不能滥用,其余的h标签能有多个

  • 有时候会将h1标签将logo包裹(参考京东)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ElMo5qpZ-1571729678416)(/Users/yangshihao/Library/Application Support/typora-user-images/image-20191022095311863.png)]

四、问题

元描述显示不对的原因推测

  1. google认为你的元描述不代表页面的内容,或者是重复的

  2. 不推荐每个页面meta的内容都一样

    京东秒杀页面

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kAqZjUwN-1571729678418)(/Users/yangshihao/Library/Application Support/typora-user-images/image-20191022121604800.png)]

    京东首页

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-egbu0HAC-1571729678418)(/Users/yangshihao/Library/Application Support/typora-user-images/image-20191022121634790.png)]

    京东家电

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iP0P3G5c-1571729678418)(/Users/yangshihao/Library/Application Support/typora-user-images/image-20191022121904165.png)]

五、参考链接

1.Search Console帮助https://support.google.com/webmasters/answer/7451184

2.通过元描述改头换面改善片段

https://park.mobayke.com/tools/meta-description.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_835129.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端图片转换网站

1.比特虫 一款在线制作ico的工具网站

大型网站架构之分布式消息队列

大型网站架构之分布式消息队列 以下是消息队列以下的大纲&#xff0c;本文主要介绍消息队列概述&#xff0c;消息队列应用场景和消息中间件示例&#xff08;电商&#xff0c;日志系统&#xff09;。 本次分享大纲 消息队列概述消息队列应用场景消息中间件示例JMS消息服务常用…

程序员学习网站推荐

1.菜鸟教程 菜鸟教程 (runoob.com) 菜鸟教程适合it初学者学习&#xff0c;里面不仅有各种编程技术&#xff0c;还有各种运行案例。值得菜鸟学习。 2.CSDN CSDN博客 CSDN上博客高手云集&#xff0c;教程颇多&#xff0c;但是里面也鱼龙混杂&#xff0c;复制粘贴的东西也比较…

网站性能优化大纲

基本意识&#xff1a; 1.确保优化方向正确&#xff0c;产品特性和阶段决定优化方向。 2.确定优化带来的收益&#xff0c;无收益不优化&#xff0c;只要明确收益才启动优化。 3.在投入和产出上做取舍&#xff0c;合理的设定优化目标和资源投入。 4.功能与性能平衡&#xff0…

网站的海量数据和高并发的解决方案(一)

现在无论是企业的业务系统还是互联网上的网站程序都面临着数据量大的问题&#xff0c;这个问题如果解决不好将严重的影响系统的运行速度&#xff0c;下面就针对这个问题的各种解决解决方案进行介绍。 1. 缓存和页面静态化 1.1 缓存 数据量大这个问题最直接的解决方案就是使用…

网站的海量数据和高并发的解决方案(二)

高并发的解决方案 除了数据量大&#xff0c;另外一个常见的问题就是并发量高&#xff0c;很多架构就是针对这个问题设计出来的。 1.应用和静态资源分离 刚开始的时候应用和静态资源是保存在一起的&#xff0c;当并发量达到一定程度的时候就需要将静态资源保存到专门的服务器…

python diango_纯小白从零建简易网站|Python|Django

0、重装了云服务器系统 1、更新系统软件包yum update -y 2、安装软件管理包和可能使用的依赖 yum -y groupinstall "Development tools" yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel 3、下载Pyh…

404 not found nginx是什么意思_404到底是什么意思,网站设置有啥好处,怎么设置?...

在我们打开网站的时候&#xff0c;有时候会存在打不开的现象&#xff0c;而每一种打不开现象背后都有一个逻辑&#xff0c;例如数据库错误&#xff0c;例如页面不存在等现象&#xff0c;而404就是页面不存在返回到的一种页面&#xff0c;有些404页面会进行设置了自动跳转到首页…

php 随机在文章中添加锚文本_什么是锚文本,锚文本链接怎么做对SEO有好处?...

​SEO是一个由决定成败的工作&#xff0c;如果你想要试改善你的网站排名&#xff0c;我想每一名SEO人员在做优化的时候&#xff0c;都绕不开锚文本这个话题&#xff0c;如果你选择正确的锚文本&#xff0c;它会使你事半功倍&#xff0c;反之则是事倍功半。今天跟大家分享的主题…

用 ASP.NET 2.0 改进的 ViewState 加快网站速度

用 ASP.NET 2.0 改进的 ViewState 加快网站速度 发布日期&#xff1a; 2006-1-13|本文讨论&#xff1a;• ViewState 如何工作 • ASP.NET 2.0 ViewState 的改进 • 使用控件状态维护功能 • 性能考虑 本文使用以下技术&#xff1a;ASP.NET、C#代码下载&#xff1a;ViewState…

window location href 手机端无法跳转_【网站技术解析】 下载跳转,不同网站传参...

为了从66网站向88网站引流&#xff0c;增加两个网站权重&#xff0c;同时也方便我管理这么多整理的资源&#xff0c;我这里下载链接按钮&#xff0c;链接的资源都是跳转到88网站的&#xff0c;涉及到两个网站之间传参数&#xff0c;我这里直接在网址后面传递了参数&#xff0c;…

centos怎么用命令关机_怎么用Linux命令行测试网站连接速度

请关注本头条号&#xff0c;每天坚持更新原创干货技术文章。如需学习视频&#xff0c;请在微信搜索公众号“智传网优”直接开始自助视频学习1. 前言本文主要讲解如何使用Linux命令行测试网站连接速度。网站速度可以对用户体验有很大的影响,如果你是一个web开发人员,你当然希望开…

vue 直接访问静态图片_VuePress - Vue驱动的静态网站生成器

还在烦恼怎么做一个简单又美观的文档或博客网站吗&#xff1f;VuePress&#xff0c;让你十分钟就能搭建一个静态网站&#xff01;Vue.js简介VuePress&#xff0c;是 vuejs 在 Github 上开源的静态网站生成器&#xff0c;项目仓库位于 https://github.com/vuejs/vuepress&#x…

IPGuard如何导入网站库

进控制台&#xff0c;点菜单分类管理-网站-操作-导入或导出网站,网站库下载地址&#xff1a; https://download.csdn.net/download/sznewcasecn/12151577 更多资料&#xff1a;http://www.newcase.com.cn/

rust全息要啥才能做_网站要怎么做推广才能有效果?

很多人建好了网站之后&#xff0c;都希望自己的网站能够给更多的人看到&#xff0c;因此都纷纷寻找可以推广网站的方法。其实网站推广的方法有很多&#xff0c;现在大致给大家介绍几种。一、利用评论推广找一些跟自己主题相关的博客、论坛去进行留言评论&#xff0c;引起大家对…

ip-guard分类管理网站分类如何导入

如何导入网站分类&#xff0c;导入后如下图&#xff1a;点分类-网站类别-操作菜单-导入网站库 网站分类下载地址

php matomo,Matomo4.2.1 发布,网站访问统计系统

Matomo 4.2.1 发布了。 Matomo 是一套基于 PHP5 MySQL 技术构建的开源网站访问统计系统&#xff0c;能够提供详细的统计信息&#xff0c;比如网页浏览人数、访问最多的页面、搜索引擎关键词等等流量分析功能。新的内容为了提高安全性&#xff0c;Matomo 用户界面创建的所有 coo…

灵动标签写php,帝国CMS灵动标签PHP代码完成标签无穷嵌套的结果_CMS体系建站教程...

关于熟习帝国CMS的朋侪多数晓得运用灵动标签举行特定信息的挪用&#xff0c;而灵动标签的壮大功用远非云云。灵动标签的PHP函数是&#xff1a;sys_ReturnEcmsLoopBq(栏目ID/专题ID,显现条数,操纵范例,只显现有标题图片,附加SQL前提,显现排序)采纳灵动标签的php代码可以在不支持…

html自动加载网址,网页自动刷新网站监控工具添加网址到网址列表的方法

有时候网站打开网页后&#xff0c;停留久了&#xff0c;内容就过时不能及时刷新信息&#xff0c;这时候使用一些网页自动刷新工具就能让网页自动刷新&#xff0c;随时监控和管理网站的网页内容&#xff0c;网页自动刷新监控工具就是这样的一款软件&#xff0c;今天小编将为大家…

香港云服务器网站打开缓慢,香港云服务器搭建的网站卡慢怎么办?火星直播

在香港云服务器上的网页访问卡慢该怎么办&#xff1f;网页访问卡慢有许多缘故&#xff0c;多次详细的 HTTP 恳求包含解析域名、创建 TCP 联接、进行恳求、香港云服务器接受到恳求开展解决并回到事件处理、电脑浏览器对 HTML 编码开展分析并恳求别的資源&#xff0c;及其对网页页…