语义化标签与SEO

今天和大家说到切页面,这个我一直不是很会。

提到这么一点:使用标签,语义化,考虑SEO的问题。

SEO,搜索引擎优化。Search Engine Optimization 。

搜索引擎还比较弱,他需要根据tag、meta等获取信息,做自然排名。

主要工作:

一、内部优化,内容为王
  (1)META标签优化:例如:TITLEKEYWORDSDESCRIPTION等的优化
  (2)内部链接的优化,包括相关性链接(Tag标签),锚文本链接,各导航链接,及图片链接
  (3)网站内容更新:每天保持站内的更新(主要是文章的更新等)
二、外部优化,外链为皇!
  (1)外部链接类别:博客、论坛、B2B、新闻、分类信息、贴吧、知道百科、相关信息网等尽量保持链接的多样性。
  (2)外链运营:每天添加一定数量的外部链接,使关键词排名稳定提升。
  (3)外链选择:与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

作为开发,主要是从第一部分的1、2入手。对于切图,主要考虑2,标签的语义化。

有一些关键的题目和标题,写在页面里,而不是写在JS里,

用H呈现,
有层次的内容可以用UL LI
H1,H2,H3
用一些有语义的标签
也可以方便SEO
这是一般的做法

时间: 2024-10-26 02:37:52

语义化标签与SEO的相关文章

html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排 一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标

HTML5之语义化标签

在HTML5之前采用HTML+CSS文档结构写法: ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域) class选择器说明 class类选择器——可以应用于页面任意多个元素,非常适合标识内容类型或其他相似的条目. 代码: <body> <div id="header">...</div> <div id="nav">...

语义化标签的实战意义

我收集到一些观点,大家姑且先听上一听,有人说:“没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些”“语义化是w3c推广的,我是很想语义化我的代码,但总是用不明白”“这个不好说,语义化再好有啥用,关键是有好的项目,客户才是金主!”“除了专业人士,谁会去看我们的代码是不是语义化的” 不仅仅有页面重构人员的声音,也听一听工程师.设计师.还有项目管理人员,他们是怎么看“语义化”这件事的 Php工程师:“无所谓什么语义化,只要逻辑正确,不影响我循环数据”项目管理人员:“我更看

好程序员web前端分享常见html5语义化标签

我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总结了一些常用的语义化标签,有空慢慢更新,欢迎大家补充 语义化HTML:用最恰当的HTML元素标记的内容. 优点:1 提升可访问性:  2 S-EO:   3 结构清晰,利于维护: (HTML5旧的行内元素都被归类为短语内容) 通用容器:div——块级通用容器:span——短语内容无语义容器. 如果语义不合适,也不要霸王硬上弓,=.. =老实的用div吧. < title></title>:简短.描

我的启蒙--HTML5 第一章 语义化标签

HTML5 1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单 2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下) (1)<laomaoshi>老猫师:恩,你没看错HTML5可以自己定义标签,而且属于行内标签</laomaoshi> (2)其他的我就不一一列举了比如 导航栏常用的nav  时间常用的time (3)但是新增的表单标签,我们还是要熟悉下 就是这样的新标签,还有很多

HTML5语义化标签

一.什么是语义化标签?1.那么什么叫做语义化呢?说的通俗点就是:就是给div起个外号,比如,网页上的文章的标题就可以叫他标题,网页上的各个文章,就可以叫他文章. 2.为啥使用语义化标签?(1). 更容易被搜索引擎收录.(2). 更容易让屏幕阅读器读出网页内容.(3). 能够更好的体现页面的主题.(4).兼容性更好,支持更多的网络设备.二.常见语义化标签 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏

HTML5语义化标签总结

1.语义化标签总结 基础布局标签 <header></header> <nav></nav> <main></main> <aside></aside> <article></article> <footer></footer> 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作: 如果在sublime,或者WebStrom使用 可是使

html新的语义化标签和表单控件

语义化标签 1 <!DOCTYPE html> 2 <html> 3 <head lang="zh-cn"> 4 <meta charset="UTF-8"> 5 <title>新增的语义化标签</title> 6 </head> 7 <body> 8 <header>页面头部或某个板块的头部</header> 9 <footer>页面

html5语义化标签——回顾

html5 头部结构   <!doctype html>    <meta charset=“utf-8”/> <header></header> 页眉 主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合 <hgroup> <h1></h1> <h2></h2> </hgroup