前端关于SEO与使用注意

前端关于SEO与图片使用注意

原则：前端页面要尽可能提高页面在搜索引擎的曝光度
1. 优先使用语义化的html标签，因为语义化的标签对搜索更友好
2. 网页title命名，首页放对于网站最重要的一句话——网站名称，子页面命名为：页面名 - 网站名，如： scratch作品列表 - 码猿网（使用scratch因为scratch搜索频率更高，可增加网站的曝光的概率）；火影忍者 - 码猿网（增加通过作品名搜索曝光的可能性）。title的长度在20～30字之间
3. 关键词标签：。标签能够让搜索引擎更加迅速的识别网站内容。不同标签以英文逗号隔开，书写必须规范，否则会被搜索引擎降权。
4. description，对于网页的介绍，100字以内。
5. seo相关属性，整个网站可配置默认，但最好不同页面，title，keywords，description不完全一样，并表达出页面要突出的特点。
超链接标签：a。A标签主要的作用是加链接，因此不要给A标签写过多的样式，也不要让A标签包过多的内容，内容越多核心词的权重将会瓜分干净。

代码模版

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>title</title>
<meta name="keywords" content="***,***,***,***,***,***">
<meta name="description" content="" />
<meta name="robots" content="ALL" />
<meta name="author" content="" />
<meta name="revisit-after" CONTENT="3 days" >
<meta name="copyright" content="Copyright 2017" />
<meta name="subject" content="" />
<meta name="application-name" content="" />
<meta name="msapplication-tooltip" content="" />
<meta name="language" content="zh-CN" />
<meta name="owner" content="" />
<meta name="url" content="" />
<meta name="identifier-URL" content="" />
<link rel="icon" href="img/icon32.ico" />