Web前端技术

来自tomtalk
Tom（讨论 | 贡献）2019年8月13日 (二) 04:02的版本 （→‎Fiddler自动响应AutoResponder正则匹配）

(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至： 导航、 搜索

文章列表

https://developers.google.com/web/fundamentals/

字体、排版简明入门

43个你应当避免的Web设计错误

科学的设计你的网站网页

section 508法案

Web字体的运用与前景

作为开发人员要懂得的基本的SEO优化

重要的SEO HTML标签 1.Title标签 <head> <title>Keyword</title> </head>

2.H1,H2,H3标签 h1 Most Important h2 Second Most Important h3 Third Most Important

3.Bold, Strong(Same Worth)一些关键字要加粗 Keyword Keyword

4.图片标签要加上alt属性 <img src=”keyword.jpg” alt=”keyword” />

5.a标签要加上title属性 <a href="http://www.mysite.com/webpage.html" title="keyword">Keyword in Anchor Text</a>

常见的主页链接写法 不好的写法： http://www.mysite.com http://mysite.com http://www.mysite.com/index.html http://mysite.com/index.html

好的写法 http://www.mysite.com/ 最后要加上"/"

搜索引擎索引的限制

1.页面文件大小：不要超过150kb(未加载图片、css和其他附件之前)。

2.页面的链接数量：每个页面的链接数量不要超过100个。

3.网站的Title标签：不要超过70个字符。

4.网站的Meta Description属性：不要超过155个字符。 5.url中的参数：不要超过2个。 Bad Example:http://www.mysite.com/brands.php?object=1&type=2&kind=3&node=5&arg=6 Good Example:http://www.mysite.com/brands.php?nike

6.url的深度：不要超过4。 Bad Example:http://www.mysite.com/people/places/things/noun/danny/car Good Example:http://www.mysite.com/people/danny/ 翻译自The Web Developer’s SEO Cheat Sheet

49个影响网站排名的因素完整版

内部因素

  1. URL中出现关键词
  2. 网页Title中出现关键词
  3. 常规内容中出现关键词
  4. 在页面的第一段中出现关键词
  5. 在页面的最后一段中出现关键词
  6. Heading 标签 比如h1,h2中出现关键词
  7. 站内的链接中出现关键词
  8. 导向相关内容的导出链接
  9. 导出链接中出现关键词
  10. 图片文件名中出现关键词
  11. Alt标签中出现关键词
  12. comment中出现关键词
  13. 合理的频率更新内容
  14. 内容对搜索引擎的展示位置
  15. 网站结构循环PR，而非散发PR
  16. 关键词进行适当的修饰（加粗、斜体等）

外部因素

  1. 大量的导入链接
  2. 从高PR值得网页获得导入链接
  3. 从相关内容网站获得导入链接
  4. 导入链接指向的网页有具体内容
  5. 锚文字中有关键词
  6. 锚文字周围有相关词
  7. 锚文字存在于文章或句子中
  8. 导入链接的时间长度，一般导入链接的存在时间有3-6个月
  9. 单向链接的价值高于交换链接
  10. 导入链接的页面的导出链接小于100个，流出链接越少越好
  11. 链接来自不同IP
  12. 合理的导入链接增长频率

你需要避免的事情

  1. 关键词堆积
  2. 所有的锚文字都相同
  3. 使用CSS或背景色隐藏内容，这是十恶不赦的大恶
  4. 使用JavaScript跳转
  5. 相同ip之下的网页直接进行大量交换链接
  6. 桥页和Cloaking，诱导搜索引擎的爬虫，这是十恶不赦的大恶
  7. 成人内容，违禁药品，赌博相关内容
  8. 内容重复
  9. 连向作弊的网站
  10. 站内的绝大部分网页有相同的网页title
  11. 加入到Link Farm或则Link交换类网站
  12. 使用被惩罚过的域名
  13. 网站建立在被惩罚的IP上

尽量避免的问题

  1. 地址中存在动态变量
  2. 单一图片和Flash的网站
  3. 用Javascript制作的网站导航条或目录
  4. 用图片做网站导航而不加ALT标签
  5. <head><//head>之间有太多的代码
  6. 存在太多与网站主题无关的内容
  7. 导入链接中购买链接占多数
  8. 和作弊的网站在同一服务器上

什么是Session

Session指的就是用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。

Fiddler自动响应AutoResponder正则匹配

http://www.cnblogs.com/ShepherdIsland/archive/2012/05/22/Fiddler_AutoResponder_REGEX.html

大公司里怎样开发和部署前端代码？

https://github.com/fouber/blog/issues/6

配置超长时间的本地缓存 —— 节省带宽，提高性能 采用内容摘要作为缓存更新依据 —— 精确的缓存控制 静态资源CDN部署 —— 优化网络请求 更资源发布路径实现非覆盖式发布 —— 平滑升级

取自“http://wiki.tomtalk.net/index.php?title=Web前端技术&oldid=5655”