前端SEO的知识,你get到了吗

简介: seo是前端工程师需要掌握的一些知识,但是现在都是前后端分离开发,客户端渲染,而国内百度的搜索引擎又不太能打,因此,对这方面没怎么深入,后来因为学习了一些服务端渲染框架next/nuxt,才重新进行了一些了解

1.什么是SEO

利⽤搜索引擎的规则提⾼⽹站在有关搜索引擎内的⾃然排名,吸引更多的⽤户访问⽹站,提⾼⽹站的访问量,提⾼⽹站的销售能⼒和宣传能⼒,从⽽提升⽹站的品牌效应。

2搜索引擎优化的技术手段

1.黑帽SEO

  1. 通过欺骗技术和滥⽤搜索算法来推销毫不相关、主要以商业为着眼的⽹⻚,导致⽤户搜索到不满
    意的搜索结果(遭剔除)
  2. 主要⼿段
    关键字的堆叠
    隐藏⽂本(热⻔的关键词在⽹站上⼩字体展示,或者隐藏,但是这些关键词与该⽹站不相
    关)
    ⻔⻚(适⻩⽹、⼩游戏⼴告)

2.白帽SEO

  1. 为⽤户创造内容、让这些内容易于被搜索引擎机器⼈索引、并且不会对搜寻引擎系统耍花招
  2. 优化需要较⻓时间,不断更新⽹站的内容和外链
  3. ⽤户更加友好,从这些⽹站中获得更合理的流量
  4. 主要特点是⻅效慢、稳定性强、可⻓期发展

3提高网站SEO的方法

第一点是TDK,即网站的title标题标签

<title>阿里云开发者社区</title>

description描述标签

<meta name="Description" content="阿里云开发者社区,提供了丰富的java开发、web前端"
/>

网站的keywords关键词标签

<meta name="keywords" content="阿里云开发者社区,java,vue教程,html教程,js教
程,css,webpack">

4为什么单页面项目无法实现SEO优化

1.由浏览器端的js做主导渲染⽹⻚内容的⽅式,我们就称之为客户端渲染
2.在客户端⽣成html,搜索引擎不会等待异步请求到数据返回给到前端⻚⾯时再爬取
3.SPA项⽬⾥⾯,⼏乎都是使⽤ AJAX 获取后端的数据,就会导致我们的⻚⾯数据不能被搜索引擎正常收录到
4.强交互、不注重SEO的⻚⾯,例如:管理、组件库类的项⽬

相关文章
|
前端开发 搜索推荐 UED
前端需要注意哪些 SEO (详细)
前端需要注意哪些 SEO (详细)
215 0
|
前端开发 Java
Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理
Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理
930 0
Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理
|
9月前
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
589 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
|
12月前
|
搜索推荐 前端开发 定位技术
前端开发人员SEO优化技术方案
不同的搜索引擎提供了服务后台常见功能来优化网站搜索
243 2
|
12月前
|
前端开发 JavaScript 开发工具
独家揭秘:前端大牛们都在用的高效开发工具,你get了吗?
前端开发领域日新月异,Visual Studio Code、Webpack、React/Vue和Git等工具凭借高效、便捷的特点,深受前端大牛们青睐。本文将揭秘这些工具的使用技巧,帮助你提升开发效率,轻松应对各种前端挑战。
139 3
|
前端开发 JavaScript API
前端Get请求能在body上传参吗
【10月更文挑战第11天】 在浏览器环境中,GET请求的body参数会被忽略,这是因为浏览器中的XHR和fetch实现限制了这一行为。而在Node.js服务端环境中,GET请求可以在body中传递参数,因为服务端请求库没有这样的限制。实际上,GET请求不带body是HTTP标准的一部分,但在某些场景下,为了遵循RESTful规范,可以考虑通过服务端转发或BFF模式来实现复杂的参数传递。
|
前端开发 小程序
前端get请求参数包含数组的情况
前端get请求参数包含数组的情况
708 0
|
前端开发
前端知识笔记(七)———Get和Post的区别是什么?
前端知识笔记(七)———Get和Post的区别是什么?
557 0
|
前端开发
前端提交POST请求却变成GET请求的原因及解决方法
前端提交POST请求却变成GET请求的原因及解决方法
1426 3
|
前端开发 搜索推荐 JavaScript
前端SEO优化的实用指南
前端SEO优化的实用指南
851 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    前端工程化演进之路:从手工作坊到AI驱动的智能化开发
  • 3
    Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 6
    实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式