这是我学习B站pink老师的前端教程时自己手打的笔记，对你有用，点赞收藏关注三连走起！

1. TDK 标签 SEO 优化

SEO（Search Engine Optimization），即搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。

SEO 的目的是对网站进行深度优化，从而帮助网站获得免费流量，进而在搜索引擎上提升网站排名，提高网站知名度。

页面必须有三个标签用来进行 SEO 优化。

title
description
keyword

<!-- 网站标题 -->
<title></title>
<!-- 网站说明 -->
<meta name="description" content="">
<!-- 网站关键词 -->
<meta name="keywords" content="">

1.1 title 网站标题

title 具有不可替代性，是我们内页的第一个重要标签，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。

建议：网站名（产品名）- 网站的介绍（尽量不要超过30个汉字）

例如：

京东(JD.COM) - 综合网购首选-正品低价、品质保障、配送及时、轻松购物！
小米商城 - 小米5s、红米Note 4、小米MIX、小米笔记本官方网站

1.2 description 网站说明

简要说明我们网站主要是做什么的。

我们提倡，description 作为网站的总体业务和主题概括，多采用“我们是…”、“我们提供…”、“×××网作为…”、“电话：010…”之类语句。

例如：

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物
体验!" />

1.3 keywords 关键字

keywords 是页面关键词，是搜索引擎的关注点之一。
keywords 最好限制为6～8 个关键词，关键词之间用英文逗号隔开，采用关键词1,关键词2 的形式。

例如：

<meta name= " keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配
件,手表,存储卡,京东" />

2. LOGO SEO 优化

logo 里面首先放一个h1 标签，目的是为了提权，告诉搜索引擎，这个地方很重要。
h1 里面再放一个链接，可以返回首页的，把logo 的背景图片给链接即可。
为了搜索引擎收录我们，我们链接里面要放文字（网站名称），但是文字不要显示出来。

方法1：text-indent 移到盒子外面（text-indent: -9999px) ，然后overflow:hidden ，淘宝的做法。
方法2：直接给font-size: 0; 就看不到文字了，京东的做法。

最后给链接一个title 属性，这样鼠标放到 logo 上就可以看到提示文字了。

前端学习笔记（四）网站SEO优化之TDK三大标签相关推荐

综合案例：品优购项目（品优购项目流程，SEO优化，TDK三大标签，代码）后期逐步优化
品优购项目流程 SEO优化 SEO(Search Engine Optimization)汉译为搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式. SEO 的目的是对网站进 ...
《SEO实战密码》学习笔记之网站结构优化
本文为阅读<SEO实战密码:60天网站流量提高20倍>过程的一些记录,非原创 0. 网站结构的优化比页面优化更重要用户体验:良好的导航系统,适时出现的内部链接,准确的锚文字收录:策划好 ...
TDDFT计算软件Octopus学习笔记(四)：带隙优化方法
密度泛函理论是一种基态的理论,然而能带结构和带隙属于物质的激发态特性.因此DFT的固有缺点就是会低估带隙能量.这一缺点可以通过不同的方式加以修正.本文介绍两种方法. (一) DFT+U方法 (以ZnO ...
学习笔记（2):SEO优化——从入门到实战-资讯类网站的URL规则
立即学习:https://edu.csdn.net/course/play/27326/362415?utm_source=blogtoedu 关键词部署策略2分钟
Web前端学习笔记01：Web标准_HTML_lang_字符集_HTML标签的语义化
文章目录 1认识WEB 1.1 认识网页总结 1.2 浏览器(显示代码) 1.2.1 查看浏览器占有的市场份额 1.2.2 常见浏览器内核(了解) 1.3 Web标准(重点) 1.3.1 为什么要遵 ...
如何通过企业网站SEO优化赚钱
如何前两天有学员给我打电话,想学直接学习企业网站SEO优化,其实我是拒绝的,因为我说过很多次,SEO技术不代表能够通过SEO赚钱,就算是企业网站SEO它的差别也是比较大的. ...
【HTML+CSS】网站TDK三大标签SEO优化
[HTML+CSS]网站TDK三大标签SEO优化 SEO(Search Engine Optimization) 搜索引擎优化 SEO是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式.其 ...
一起来学习网站SEO优化工作流程到底怎么做？
作者介绍:大家好!我是鱿年年★→ 个人主页:鱿年年的博客主页系列专栏:网站SEO 目录前言一:行业网站概况分析二:布局关键词三:SEO优化 1:站内优化 2:站外优化四:网站数据的监测工作 ...
前端学习笔记：Bootstrap框架入门
前端学习笔记:Bootstrap框架入门一.Bootstrap概述 1.基本信息 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS. ...

前端学习笔记（四）网站SEO优化之TDK三大标签