身为前端开发工程师,你需要了解的搜索引擎优化SEO.

网站url
网站创建具有良好描述性、规范、简单的url,有利于用户更方便的记忆和判断网页的内容,也有利于搜索引擎更有效的抓取您的网站。网站设计之初,就应该有合理的url规划。


处理方式:
1.在系统中只使用正常形式url,不让用户接触到非正常形式的url。
2.不把session id、统计代码等不必要的内容放在url中。
3.不同形式的url,301永久跳转到正常形式。
4.防止用户输错而启用的备用域名,301永久跳转到主域名。
5.使用robots.txt禁止Baiduspider抓取您不想向用户展现的形式。

title信息
网页的title用于告诉用户和搜索引擎这个网页的主要内容是什么,而且当用户在百度网页搜索中搜索到你的网页时,title会作为最重要的内容显示在摘要中。
搜索引擎在判断一个网页内容权重时,title是主要参考信息之一。


描述建议:
1.首页:网站名称 或者 网站名称_提供服务介绍or产品介绍 。
2.频道页:频道名称_网站名称。
3.文章页:文章title_频道名称_网站名称。
需要注意:
1.标题要主题明确,包含这个网页中最重要的内容。
2.简明精练,不罗列与网页内容不相关的信息。
3.用户浏览通常是从左到右的,重要的内容应该放到title的靠前的位置。
4.使用用户所熟知的语言描述。如果你有中、英文两种网站名称,尽量使用用户熟知的那一种做为标题描述。
    

meta信息
meta description是meta标签的一部分,位于html代码的<head>区。
meta description是对网页内容的精练概括。如果description描述与网页内容相符,百度会把description当做摘要的选择目标之 一,一个好的description会帮助用户更方便的从搜索结果中判断你的网页内容是否和需求相符。
meta description不是权值计算的参考因素,这个标签存在与否不影响网页权值,只会用做搜索结果摘要的一个选择目标。


推荐做法:
1.网站首页、频道页、产品参数页等没有大段文字可以用做摘要的网页最适合使用description。
2.为每个网页创建不同的description,避免所有网页都使用同样的描述。
3.长度合理,不过长不过短。
        

图片alt
建议为图片加alt说明。
因为这样做可以在网速较慢图片不能显示时让用户明白图片要传达的信息,也能让搜索引擎了解图片的内容。
同理,使用图片做导航时,也可以使用alt注释,用alt告诉搜索引擎所指向的网页内容是什么。

flash信息
Baiduspider只能读懂文本内容,flash、图片等非文本内容暂时不能处理,放置在flash、图片中的文字,百度无法识别。
所以如果一定要使用flash,建议给object标签添加注释信息。
这些信息会被看作是对Flash的描述信息。让搜索引擎更好的了解您flash的内容。

frame框架
不建议使用frame和iframe框架结构,通过iframe显示的内容可能会被百度丢弃。

收藏吧!

原文地址:https://segmentfault.com/a/1190000016805564

原文地址:https://www.cnblogs.com/lalalagq/p/9901572.html

时间: 2024-11-05 19:41:59

身为前端开发工程师,你需要了解的搜索引擎优化SEO.的相关文章

腾讯web前端开发工程师笔试题及答案

1. 如何实现事件委托? 首先要知道什么是事件委托. 考虑一个列表,在li的数量非常少的时候,为每一个li添加事件侦听当然不会存在太多性能方面的问题,但是当列表非常的长,长到上百上千甚至上万的时候(当然只是一个解释,实际工作中很少遇到这么多li的情况),为每个li添加事件侦听就会对页面性能产生很大的影响. 就像下面这段代码: <!DOCTYPE HTML><html><head><meta charset="utf-8" /><ti

HTML5前端开发工程师工资为什么那么高?

现代社会的就业压力可以说是非常的大,大学毕业生一抓一大把,要是没有一技之长很难在这个社会中立足,所以为了能够跟上时代的脚步,就必须掌握一个特长,就目前的发展来说,企业对于HTML5前端开发人才需求量可以说是非常的大.那么HTML5前端开发工程师工资为什么那么高呢? 越来越多的企业开始注重到用户体验,小到企业网站.个人主页,大到政府部门,都是通过网站向外界展示形象.传播信息,网站离不开HTML5前端开发人员,所以学习HTML5前端开发在当前社会里非常受用,工资也就越来越高. HTML5前端开发工程

我也想成为一名出色的web前端开发工程师

随着互联网的发展,正式的前端工程师角色被行业认可,到了2010年,互联网开始全面进入移动时代,前端工程师的地位越来越重要,前端领域的技术发展也越来越快,各种新的思想.设计模式.工具和平台都快速发展,对前端工程师的技能要求也越来越高. 何为前端工程师?前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性.组件

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.

细数Web前端开发工程师 应掌握的技能

Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验. 第一阶段:页面制作基础 从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript.HTML和CSS用于Web静态内容的展示,JavaScrip

怎么才能成为优秀的前端开发工程师?

怎样才能成为优秀的前端开发工程师 很多刚入门的前端攻城师会有一个疑问:如何才能成为一名优秀的前端工程师呢?其实这个问题说大也大,说小也小,展开了说可以写一本书.当然我相信大部分人并不希望去读一本厚厚的书,大道至简,下面总结的几条方法或许能成为走向优秀前端的进阶之路. 1. 多写.很多问题都是积累得来的.写了,遇到了,才能去真正理解解决方案,才会随着自己的不断成长而有进步.别人问我为什么知道那么多 CSS 兼容解决方案,为什么一看就出的时候,我只能告诉他,我写了 20 几个 Wordpress 主

前端开发工程师的发展方向

通过对HTML5职业岗位类别的基本介绍,能够让学习HTML5的小伙伴们有自己的职业规划.可以通过职业意向决定自己的学习侧重点:也可以通过自己学习的知识定向自己的职业岗位. 学习一门新的知识,我们需要了解的不仅仅是知识本身,还应该有为什么学习或是学习之后有什么用之类的疑问.而对于以后要靠学习的知识来工作的人而言这点尤为重要,毕竟以后可是要靠它来谋生路滴.往简单的说,要是连自己学习的东西以后能够干什么都不知道的话,那又如何运用所学习的知识了.所以我们在学习HTML5之前,对于以后能够从事的工作岗位也

掌握11项技能,你就是优秀的前端开发工程师

导读: 你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的.但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化.响应式.框架就让你焦头烂额, 确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单. 不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端"大拿",下面,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书. 入门必备的技能: 第1项技能:HTML超文本标记语言: 技能要点: HTML

六个前端开发工程师必备的Web设计模式/模块资源(转)

[导读] Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块响应式设计模式库这个响应式的设计模式库 Yahoo的设计模式库 Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块 响应式设计模式库 这个响应式的设计模式库包含了在响应式开发过程中常常需要处理的相关组件,例如,导航,图片,布局