身为前端开发工程师,你需要了解的搜索引擎优化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代码的区。 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显示的内容可能会被百度丢弃。

收藏吧!

原文链接:segmentfault.com

上一篇:发布一个react组件——react-read-pdf,用于在移动端展示PDF文件
下一篇:JavaWEB开发03——JS

相关推荐

  • (二)各大笔试网站(牛客网、赛码网、测评网)介绍和做题技巧——以前端开发为例

    进行笔试之前,我们首先要了解的是,我们春招、秋招的时候,企业用的是什么平台。 因为每一个平台的代码输入规则不一样。据我了解,一般企业会用到以下几个平台: 牛客网:腾讯、美团等一众大中小厂 ...

    7 个月前
  • 鼠标经过子元素触发mouseout,mouseover事件的解决方案

    我想实现的目标:当鼠标进入黑色框时,橙色框执行淡入动画;当黑色框范围移动的时候(即使经过粉色框,动画仍然不被触发);当鼠标移出的时候,橙色方块消失。 遇到的问题阐述:当鼠标移入黑色框的时候,橙色框执行...

    4 年前
  • 高效前端开发 - Visual Studio Code

    本文是根据我在公司演讲(2019年8月)的高效开发主题PPT重新总结发布的一篇文章。有兴趣了解PPT的可以前往百度网盘下载:高效开发 - VSCode.pptx,提取码: yfkb。

    1 年前
  • 高扩展性、可二开的前端开发框架—sifo

    最近,阿里巴巴 github 仓库里开源了一个新的项目:schema-plugin-flow(简称 Sifo [sɪfɔ])[☆欢迎加星☆],这是一个前端开发框架,主要特点是高扩展性与可二次开发。

    19 天前
  • 零基础该如何学习前端开发?

    这种问题经常出现,我以前也学过不少类似的文章。但随着我做课程,讲课的时间日渐长久,我对于这个问题的理解和体会也在不断的变化着。 之前我对于这个问题,最直接的回复就是,零基础啊,那你就学呗,从htm...

    2 年前
  • 零基础学习前端开发不可不知的CSS原理

    从事Web前端开发的人都与CSS打交道很多,有的人也许不知道CSS是怎么去工作的,写出来的CSS浏览器是怎么样去解析的呢?学习前端开发必不可少一定要先了解CSS的原理的。

    1 年前
  • 阿里云诚招前端开发

    我们是谁? 我们来自阿里云双肾之一的销售管理部,负责阿里云的产品商业化、核心售卖链路、以及用户中心、财账相关的业务开发。 如果你购买过阿里云的服务,一定体验过阿里云售卖链路,它有很多的不足,跟淘系售卖...

    1 年前
  • 防止onmouseout当在子元素的父div jQuery绝对没有

    CœurJohn提出了一个问题:Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQ...

    3 年前
  • 针对前端开发可重用组件并发布到NPM

    翻译:疯狂的技术宅 原文:https://www.smashingmagazine.... 本文首发微信公众号:jingchengyideng 欢迎关注,每天都给你推送新鲜的前端技术文章 摘要...

    2 年前
  • 进军高级前端开发工程师必备的知识图谱

    一、前沿 全文(含脑图)为个人总结的关于高级前端开发工程师必备的技术能力,欢迎补充。全文结构如下: 前沿:写在正文前的一些话。 脑图:基于知识图谱的脑图,看知识图谱晕的可以欣赏脑图。

    2 年前

官方社区

扫码加入 JavaScript 社区