首页 > 其他分享 >SEO 搜索引擎优化 代码层面的

SEO 搜索引擎优化 代码层面的

时间:2024-12-03 10:21:09浏览次数:7  
标签:结构化 title 标签 代码 搜索引擎 JSON SEO 页面

描述信息

  • title 页面标题
  • heading 包含h1,h2 等,配合文档结构构成文档大纲,需要合理安排
  • Meta Description 和 keywords 标签,对页面的描述。
<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
  • Strong和B标签,前者在搜索引擎中会被当做重要信息,要合理使用。
  • ALT标签,这不支持在图片加载失败的时候给用户看的,更是给爬虫来爬取图片信息的,很重要。
  • title标签,给图片添加title标签,也有利于爬虫确认信息,而且给限定区域的文字标题添加title标签,可以在用户鼠标滑过的时候,显示出被隐藏掉的那部分文字。
  • Robot.txt 文件,告诉爬虫网站信息。
  • 站点地图,当站点较大,或者有大量图片视频内容,或者结构相对复杂的时候,非常有必要提交站点地图给搜索引擎。

站点结构

这里我们用路由结构或许更为贴切,路由不要超过3级,尽可能扁平化站点结构,不仅利于用户快速找到自己需要的内容,也同样适用于爬虫快速爬取站点信息。

文档结构

合理的利用语义化标签进行页面布局,先整体后局部,先挖坑,后用组件填坑,合理的规划层级,组合和分割。不仅利于开发和维护,也利于搜索引擎构建页面文档。

跳转链接

页面跳转尽可能使用a标签来实现。不要被click时间蒙了心,搜索引擎知道a是跳转链接。a标签记得添加title属性,告诉爬虫和用户跳转的信息

导航尽可能使用文本,如果必须要使用图片,alt和title是非常有必要的。

站点权限

如果涉及到用户注册和登陆权限,尽可能把需要鉴权和不需要鉴权的内容进行区分处理。搜索引擎对需要鉴权的内容不友好。告诉他哪些内容不希望被爬取会更好一点。或者只有在登陆状态下,才动态添加那些需要鉴权的入口到页面上。

字体图标

字体图标有很多优点,单绝对不是针对于搜索引擎来表述的。为了尽可能告诉搜索引擎字体图标的意义,尽量不要单独使用字体图标,要在字体图标身边放一个文本兄弟,同时给字体图标添加和文本内容一样的 title属性,以尽可能降低给搜索引擎带来的困扰。

结构化标记

确保网站的结构化标记主要包含以下几个部分:

1. Schema.org:Schema.org 是一种由多家科技公司共同创建的开放源代码项目,旨在为搜索引擎、开发者和网站管理员提供一种共同的结构化数据标记语言。通过使用 Schema.org,网站管理员可以更方便地添加结构化标记,提高网页在搜索引擎结果中的排名。
2. JSON-LD:JSON-LD 是一种用于表示结构化数据的标记语言,它以 JSON 格式呈现。JSON-LD 具有简洁、易读和易写的特点,被广泛应用于网页的结构化标记。通过使用 JSON-LD,网站管理员可以将网页的标题、描述、关键词、发布时间等信息提供给搜索引擎。
3. Microformats:Microformats 是一种简单的标记语言,用于将结构化数据嵌入到 HTML 中。Microformats 的主要目的是提高网站的可读性和可访问性,同时为搜索引擎提供有关网页内容的信息。尽管 Microformats 在过去很受欢迎,但现在已经逐渐被 Schema.org 和 JSON-LD 取代。

综上所述,确保网站的结构化标记是提高搜索引擎优化和用户体验的关键。通过使用 Schema.org、JSON-LD 和 Microformats 等结构化标记语言,网站管理员可以更好地向搜索引擎提供网页内容的信息,从而提高网页在搜索结果中的排名,提升网站的流量和用户体验。

https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=zh-cn

这些标记可以直接了当的告诉搜索引擎这里是什么内容,包括面包屑导航,轮播图等等,方便搜索引擎快速准确的构建和收录站点结构。

相应速度

应尽可能控制页面体积和请求次数,以提高页面加载速度。

其他补充

  1. 正文标题要用<h1>标签:“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。
  2. <br>标签:只用于文本内容的换行,其他元素的换行,通过css的display属性或者添加盒子进行控制。
  3. 表格应该使用<caption>表格标题标签
  4. <strong>、<em>标签 : 需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签。
  5. 文本缩进不要使用特殊符号 &nbsp; 应当使用CSS进行设置。版权符号不要使用特殊符号 &copy; 可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号©。
  6. 重要内容不要用JS输出,因为“蜘蛛”不认识
  7. js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。
  8. 谨慎使用 display:none :对于不想显示的文字内容,可以考虑将元素的高度设置为零,或者调整 z-index属性等方法不让其显示在页面当中。

标签:结构化,title,标签,代码,搜索引擎,JSON,SEO,页面
From: https://www.cnblogs.com/anch/p/18583547

相关文章

  • python 创建mysql数据库脚(执行sql)脚本代码
    安装依赖库mysql-connector-pythonpipinstallmysql-connector-python执行创建数据库的sql脚本代码importmysql.connectorfrommysql.connectorimportErrordefcreate_database(db_name,host_name="192.168.0.33",user_name="root",user_password="SHU......
  • 代码结合生活可以做什么
    代码结合生活可以做很多事情,以下是一些具体的例子:智能家居:通过编写代码,可以控制家中的智能设备,比如灯光、空调、音响等。例如,使用RaspberryPi或Arduino进行自动化控制,创建智能家居系统。健康监测:利用传感器和代码,可以实时监测个人的健康数据,如心率、步数、睡眠质量等......
  • ECharts柱状图-极坐标柱状图标签,附视频讲解与代码下载
    引言: 在数据可视化的世界里,ECharts凭借其丰富的图表类型和强大的配置能力,成为了众多开发者的首选。今天,我将带大家一起实现一个柱状图图表,通过该图表我们可以直观地展示和分析数据。此外,我还将提供详细的视频讲解和代码下载链接,帮助大家快速上手。一、图表效果预览  二......
  • springboot在线宠物用品交易网站的设计与实现(代码+数据库+LW)
    摘要随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了在线宠物用品交易网站的开发全过程。通过分析在线宠物用品交易网站管理的不足,创建了一个计算机管理在线宠物用品交易网站的方案。文章介绍了在线宠物用品交易网站的系统分析......
  • springboot房屋租赁管理系统的设计与实现(代码+数据库+LW)
    摘 要互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对房屋租赁信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,采用房屋租赁管理系统可以有效管理,使......
  • Y20030041 java+mysql基于微信小程序的阅读器的设计与实现 源代码 配置 文档
    基于微信小程序的阅读器1.项目描述2.目的和意义3.项目功能结构4.界面展示5.源码获取1.项目描述当计算机在人们生活的各个领域迅速曼延之时,人们获取信息的方式也更加的直接迅速,网络化使信息领域变得更为广泛,在也没有了时间和空间的限制。人们获取信息大部分是通过网......
  • 指南:如何优雅地写代码
    0xFF前言Talkischeap.Showmethecode.无论是程序员还是OIer,写代码都尤为重要。然而,有些人的代码使人舒适,有些人的代码使人难受。笔者认为其中的原因,主要是“优雅”与否。本文总结了一点关于如何让代码更优雅的建议,供大家参考。0x00控制行数控制行数?压行呗。秒了!#i......
  • python语言rar爬虫程序代码
    importrequestssession=requests.Session()设置请求头headers={“User-Agent”:“Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/131.0.0.0Safari/537.36Edg/131.0.0.0”,“Referer”:“https://m.ddooo.com/sof......
  • python语言rar爬虫程序代码
    importrequestssession=requests.Session()设置请求头headers={“User-Agent”:“Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/131.0.0.0Safari/537.36Edg/131.0.0.0”,“Referer”:“https://m.ddooo.com/sof......
  • 解读TinyEngine低代码引擎2.0,如何改变前端二次开发模式
    本文分享自华为云社区《TinyEngine低代码引擎2.0新特性介绍》,作者:OpenTiny。 自从TinyEngine开源以来,众多开发者已经将TinyEngine应用于生产环境,见证了其在实际项目中的表现。然而,随着项目的持续迭代和用户群体的不断扩大,我们发现用户在深度定制方面会遇到一些阻碍,其中最核心的......