首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    网站SEO优化:Meta标签如何书写?Vue项目怎么优化Meta标签?

    对于包含HTML 4.01和XHTML的HTML,有四个有效的属性:content、http-equiv、name和scheme。在HTML 5下,现在有五个有效的属性,添加了charset。...而我们SEO优化,就是针对SEO的有效属性,衍生出的keywords、description和viewport。 [云+社区的Meta标签] SEO优化 SEO优化是为了什么呢?...百度在2015年支持爬取og标签)。 Vue项目优化 现在我们看看Vue的项目优化,因为Vue项目使用单页进行开发。...END 到此,网站SEO优化就讲到这里哦。Meta标签书写,还有挺多其他内容的,受限于篇幅,这次就讲这么多哦。...欢迎各位开发者加入腾讯TDP哦,当然也可以进来交流交流代码技术(比如:交流交流怎么网站SEO优化……哈哈?): TDP.png

    6.3K53

    Tag标签页面如何优化呢

    很多站长都不会如何制作tag页面,的ag页面使用并不恰当,甚至可能会有负效果。不过一两句话很难说清,所以单独写个帖子聊一下tag标签页面怎样SEO。 什么是tag页面?...站长根据每篇文章的内容给文章打个标签,既然是根据内容打的,通常标签也就是与文章内容最相关的关键词。如这篇帖子是讨论标签页面如何优化的,可以打上“标签页面”、“优化”之类的标签。...然后网站为每个标签建立一个标签页面,把包含这个标签的所有文章列在标签页面上。所以,tag页面可以理解为一个按关键词分类的内容聚合页面。 最常见的tag页面就体现在博客上。...比如一个新闻网站,把所有和财经有个的新闻打上“财经”这个标签是毫无意义的,“财经”这个tag页面与“财经”栏目内容必然高度相似,对搜索引擎来说是重复内容,对网站来说,到底优化哪个页面将失去焦点。...Tag与分类名称重复,也可以理解为标签打得太宽泛,要避免。另一方面,标签也不能打得太细,比如我见过把文章标题打成标签的,结果是一个tag页面上就一篇文章,这页面质量也太低了。

    1.6K20

    什么是description,如何优化描述标签?

    网站优化中常说的description实际上是描述标签,它是HTML代码中Head部分除标题标签外与SEO有关的另一个标签,用于说明页面的主体内容。 描述标签的代码为: ........优化(SEO)技术、网络推广、建站及关键词研究与分析知识于一体的个人博客网站。"...1、描述标签包含大量堆砌关键词; 2、描述标签与标题标签内容重复; 3、描述标签只是关键词的罗列,不能形成通顺的句子; 4、描述标签不包含用户所搜索的关键词; 在描述标签的写作上,大部分标题标签写作要点依然使用...,比如文字需要准备相关、简练通顺、吸引点击,不要堆砌关键词;每个页面都有自己独特的描述标签,包含目标关键词等。...中文搜索结果显示77个中文字符,Google英文结果显示156个英文字符,比标题标签写作空间大一些。 如何优化描述标签?

    1.3K60

    徐大大seo:图片alt标签是什么?如何优化Alt标签

    属性,不要小看这个图片的alt属性,谷歌对于这个属性还是很器重的,对于提升网站排名也有一定作用,不然谷歌也不会花好几篇文章去说明alt属性,这篇文章把谷歌官方的几篇文章提取出来,来说说图片alt属性以及如何优化...Alt属性的作用 Alt属性不同Title属性和其他说明性属性,这个属性是图片所特有的属性,在其他Html标签上是用不到Alt属性的,所以这个属性有两点很重要的作用: 增强网站的用户体验 有利于图片SEO...优化,提升网站排名 第一点前面已经说过了,就是在图片无法加载的时候,作为图片辅助说明性文字, 第二点是最重要的一点,因为做好Alt优化,能够提升网站排名,获得更多流量,虽然各大搜索引擎在积极发展图片识别技术...那些图片就是搜索引擎建立索引,并给予排名的,可以看到那些图片都是有相关信息描述的 怎么写好Alt属性 下面简单举个例子,来说明下什么样的Alt文本内容,才是符合SEO要求;首先来看看最简单的Logo图片标签...下面在优化Alt属性的时候,有几点需要注意: 描述的越详细越好。 尽量让描述文本相关性高,言简意赅,不要过长。 把文章关键词使用到其中最好。 避免关键词堆砌问题。

    3.5K30

    JQuery 学了不亏

    jQuery 对象实际是一个类数组对象,包含了一系列 jQuery 操作的方法。...通过选择器获取元素,$(“选择器”) 选择器分类 : 基础选择器 标签选择器:$("div") ID 选择器:$("#d1") 类选择器:$(".c1") 群组选择器:$("body,p,h1")...) 否定筛选,除()中选择器外,其他元素 操作元素内容 html() //设置或读取标签内容,等价于原生innerHTML,可识别标签语法 text() //设置或读取标签内容,等价于innerText...,只看标签属性checked是否书写 removeAttr(“attrName”) 移除指定属性 操作标签样式 为元素添加id/class属性,对应选择器样式 针对类选择器,提供操作class属性值的方法...中对事件做了优化,可以重复书写 ready 方法,依次执行 事件绑定方式 事件名称省略 on 前缀 //on("事件名称",function) $("div").on("click",function

    2.8K30

    【JavaWeb】85:jQuery的各种选择器

    ③标签选择器 格式为:$("div")。 通过它可以操作对应标签名的标签,其效果和类选择器很相似。 ④全选选择器 格式为:$("*")。这是jQuery中多于CSS的。...标签里的name属性值包含‘four’。...格式为:$("div[id='oneId'][name*='twoName']"),前面是id为“oneId”的标签,后面是name属性值包含name.。...如何达到这些要求?就需要对应的选择器了: ? ①表单对象属性选择器:可用元素 格式:$("input:enabled")。即选中所有可用的input标签。...六、总结 选择器之间是可以叠加使用的。比如层级选择器中可以包含基本选择器。 jQuery中的选择器实在是太多了,通过网络查询到jQuery对应里的选择器: ?

    9.6K20

    最常见的 20 个 jQuery 面试问题及答案

    jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。...jQuery 代码:$("div"),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。更详细的解答参见上面链接的文章。   ...你可按需修改它,比如用 id 属性而不是 name 属性来获取 标签。   8. jQuery 里的 each() 是什么函数?你是如何使用它的?...jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。...jQuery 代码:$("div"),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。更详细的解答参见上面链接的文章。

    16.2K30

    学习zepto.js(Hello World)

    昨天听说了zepto.js,正好最近也比较闲,所以就学习一下这个著名DOM操作库,由于本人刚接触这个,但又不想单纯的说如何使用,所以本人会按照API顺序来说明方法如何使用并试着将对于源码的理解写上来;...$():   与jQuery的$()几乎一样,但zepto的选择器是直接使用的原生querySelectorAll(),所以,一些jQuery自定义的选择器是不支持的,但可以添加selector.js...对象,   如果selector为字符串,先去除两端空格,然后判断selector是否为包含html标签的字符串,     如果是则通过fragment方法生成一个dom对象并返回,   当验证selector...方法,该选择器不包含子选择器并且选择器开头是个#号,这说明人家要的是个ID:XXX的标签       如果满足这种情况,就调用getElementById并将返回结果放入一个数组,这也是为什么获得jQuery...直接返回空数组(任性~);       但如果满足条件了,继续进行判断,选择器为不包含子选择器的(get√),并且不是通过ID选择的(get√),而且支持getElementsByClassName的(

    4.7K80

    python 学习 第八篇 jquery

    包含内容: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX 1:下载 jQuery 共有两个版本的...2:如何导入jQuery——直接在html中的标签导入即可(生产环境下,为了提高页面加载速度,通常讲js文件放到页面最下面) <script type="text...是html元素的唯一标识,同一个页面中不能出现重名的id jquery基础语法: $(selector).action() $(选择器).动作 常用的动作 1:$(选择器).html(value)  ...#获取或设置html标签值 2:$(选择器).val(value)    #获取或设置表单标签值 3:$(选择器).attr(value)   #获取或设置属性标签值 4:$(选择器).css(value...)    #获取或设置标签样式值 例子:通过jquery对html元素进行操作 ?

    1.3K20

    21-jQuery基础+选择器

    ; } //通过Jquery方式获取所有div标签 var $divs=$("div"); //通过Jquery方式遍历标签集合并修改内容 $divs.html(...标签选择器(元素选择器):获得所有匹配标签名称的选择器 $(“HTML标签名”) ID选择器:获得所有与指定ID值匹配的元素 $(“#ID的属性值”) 类选择器:获得所有与指定类(class)相同的元素...$(“.class”) 并集选择器:获得多个选择器所选中的元素 $(“选择器1,选择器2,…”) 层级选择器 后代选择器:会选择A标签下所有与B标签相一致的元素(包括子辈与孙辈等等) $(“A B...”) 子选择器:会选择A标签下所有与B标签相一致的子辈元素(不包括子辈以外的元素) $(“A > B”) 属性选择器 属性名称选择器:只要包含指定属性名称都会被选择(A是标签名称) $(“A[属性名]”...) 属性选择器:选择所有包含对应属性,且属性值与规定相同的元素 $(“A[属性名=’属性值’]”) 复合属性选择器:包含多个属性选择器 $(“A[属性名1=’属性值1’][属性名2=’属性值2’]…

    3.9K40

    「理论」jQuery选择器Sizzle原理分析(上)

    作者:朱胜--腾讯web前端工程师 @IMWeb前端社区 一、前沿 DOM选择器(Sizzle)是jQuery框架中非常重要的一部分,在H5还没有流行起来的时候,jQuery为我们提供了一个简洁,方便,...二、Sizzle的特别之处 首先介绍下jQuery选择器模块,就是Sizzle选择器,他的网址是http://sizzlejs.com/,如果你只需要进行文档节点的查询,可以直接引入Sizzle的文件就可以了...体积小,压缩后只有3K 三、如何分析框架源码 Sizzle.js的源码总共有2000多行,里面包含了很多的正则表达式,函数和兼容性处理,咋一看头都是懵的,这里我觉得读框架的源码需要有两个思路: 1....由此可见,随着ES标准的发展,jQuery也引入了最新的API,从而实现了性能的最大优化。...ID:ID选择符 Class:类选择符 Tag:标签选择符 ATTR:属性标签 CHILD:包括(only|first|last|nth|nth-last)-(child|of-type)等等对子类的标签

    1.6K10

    jQuery选择器和选取方法

    例如,如果只对 元素感兴趣,简单选择器可以用“P”开头。如果选取的元素和标签名无关,则可以使用通配符“*”号来代替。如果选择器没有以标签名或通配符开头,则隐式含有一个通配符。...标签名或通配符指定了备选文档元素的一个初始集。在简单选择器中,标签类型声明之后的部分由零个或多个过滤器组成。过滤器从左到右应用,和书写顺序一致,其中每一个都会缩小选中元素集。...first()返回的jQuery对象仅包含选中元素中的第一个,last()返回的jQuery对象则只 包含最后一个元素。更通用的是,eq()方法返回物Query对象只包含指定序号的单个选中元素。...如果传递选择器字符串给not()它会返回一个新的jQuery对象,该 对象只包含不匹配该选择器的元素。...如果传入选择器,has()会返回一个新的jQuery对象,仅包含有子孙元素匹配该选择器的选中元素。

    6.8K40

    jQuery入门前言

    语法:$( "#id" ),也就是说#号后面跟上要操作的标签的id的值即可。 2、类选择器 $( ".class" ): 就是通过标签的class属性来选择标签的选择器。...3、元素选择器 $( "element" ): 也就是直接通过标签名选择标签,比如$("p").css("border", "3px solid blue");就是通过jQuery的元素选择器选择到所有的...的遍历: jQuery的遍历有很多种方式,下面来看一下都如何使用。...jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象 4、next()、prev()和siblings()方法: 用于快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合...总结: 以上便是《jQuery入门》的全部内容,包含了jQuery选择器、属性与样式和对DOM的操作等相关内容。接下来在《jQuery进阶》中讲学习jQuery事件和Ajax,敬请关注!

    3.7K30

    有关网页渲染,每个前端开发者都该知道的那点事

    渲染树反映了文档对象模型的结构,但是不包含诸如标签或含有`display:none`属性的不可见元素。在渲染树中,每一段文本字符串都表现为独立的渲染器。...浏览器如何优化渲染? 浏览器尽可能将repaint/reflow限制在被改变元素的区域内。...有关性能优化的实际建议 总结现有的资料,我提出以下建议: 创建有效的HTML和CSS文件,不要忘记指明文档的编码方式。样式应该包含在标签内,脚本代码则应该加在标签末端。...以下是CSS选择器的性能排名(从最快者开始): 识别器:#id 类:.class 标签:div 相邻兄弟选择器:a+i 父类选择器:ul>li 通用选择器:* 属性选择:input[type="text...如果你使用jQuery来选择元素,请遵从jQuery选择器最佳实践方案。 为了改变元素的样式,修改“类”的属性是奏效的方法之一。

    1.9K80
    领券