seo需要掌握的前端知识有哪些?

seo需要掌握的前端知识有哪些?,第1张

1. 网站 TDK 标签的设置。title,description,keywords,根据产品业务,概括出核心关键词作为TDK的内容,每个页面都不一样。如果每个页面的keywords都一样的话,搜索引擎会持怀疑态度,觉得你有作弊的嫌疑。

此外,还有 meta 的 canonical 设置,一个网站还通过多个 url 访问,canonical 就是用来告诉搜索引擎,这么多个url中最有价值最重要的一个url,一般是网站的首页。

2. 建立 robots.txt 文件。seorobots 文件是搜索引擎登录网站第一个访问的文件,robots可以设置允许被访问的搜索引擎,最主要的还是设置允许Allow 和不允许 Disallow访问的目录和文件,少写Disallow,多写Allow,用意是引导爬虫抓取网站的信息。另外,在robots文件底部指明网站的 sitemap 文件的目录,爬虫读取其中的 sitemap 路径,接着抓取其中相链接的网页。提高网站的收录量。

案例:  按住 ctrl 键点击:https://www.taobao.com/robots.txt

3. 建立网站的 sitemap 地图文件。sitemap 是一个将网站栏目和连接归类的一个文件,可以更好地将网站展示给搜索引擎,提高爬虫的爬取效率。sitemap 地图文件包含html(针对用户)和 xml(针对搜索引擎)两种。当网站更新频繁的时候,sitemap 文件要做到自动更新(程序实现),更新不频繁的可以手动更新提交。

 

4. 图片 img 标签必须加上 alt 属性,并注明图片的含义。

5. h1~h6 标签合理使用。按道理所有标签都需要根据自身的语气合理去使用,这里不展开讲述,这里只讲 h 标签的注意事项。h1 标签一个页面只能出现 1 次,h2 标签一般作为二级标题或者文章的小标题。最合理的使用时 h1~h6 按顺序层层嵌套下去,不可以断层或者反序。

1、掌握前端代码知识,即HTML,DIV+CSS,JavaScript。

2、熟悉大众类开发语言如PHP。

3、了解通用服务器如apache,nginx,IIS。

4、熟练使用普及率较高的建站程序如织梦cms,wordpress,帝国cms,z-blog等。

5、掌握搜索引擎的工作原理以及影响排名的因素,域名的选择和优化以及空间的安全性、稳定性和速度、关键词的一些策略、网站内容的添加、网站标签内容的撰写、网站链接的建设、Robots文件以及404页面的使用等因素。

SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。

扩展资料:

常用方法

1、SEO的设置

SEO设置中三个重要的参数:title、keywords、description。

2、文章标题优化

3、内链优化

4、明确目标关键词

5、“与众相同”的原创内容

6、外链的发布

写作技巧

1、确保对行业有一定的研究,文章内容有一定的深度。这能够建立起网站的丰富性。

2、文字始终紧紧围绕关键字,围绕网站主题。

3、使用的语句,要使大部分人都能读懂。

4、避免内容重复。

5、多提供一些有价值性的资料给用户,提高信任度。

参考资料来源:百度百科-SEO

近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO,web前端这一块也要做必不可少的优化。

这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。

以下是一些在平时工作中总结的一些前端开发中的SEO注意点,其实很多也是前端的基础知识,仅供大家参考。

1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。

2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。

3、所有的CSS、JS都要使用外部调用。

4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。

5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。

6、除首页外别的页面要加面包屑型路径,导航一定要清晰。

7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。

8、图片一定要添加alt属性,链接一定要添加title属性。

9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。

10、做好404页面,并测试其返回状态码为404。

11、确保网站代码无误,HTML能通过W3C版本。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/780566.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-23
下一篇2023-08-23

发表评论

登录后才能评论

评论列表(0条)

    保存