文章目錄
seo的類型。
off-page: Off-page SEO is about, among other things, link building, social media, and local SEO.
on-page:優化自己的網站就是所謂的on-page seo,包括 站點結構, 內容、速度優化。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimun-scale=1.0,user-scalable=no">
<!-- seo optimization -->
<!-- title -->
<title>miumiu,a music player</title>
<!-- description -->
<meta name="description" content="miumiu,a music player">
<!-- url,語義化。如:http://miumiu/recommend -->
<!-- keywords -->
<meta name="keywords" content="miumiu,music,vue,vuex">
<!-- author -->
<meta name="author" content="fengli,wobushixiaobailian,fenglifengli">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
優化措施
1. title
2. meta description
3. url 語義化
4. other meta
如keywords,auther,viewport,charset
5. favicon
tab右上角的icon
6. images
壓縮圖片,提高下載速度
7. attributes
圖片的attr也在seo中其作用
8. mobile friendliness
界面要兼容移動端。
9. minify and compress
壓縮css,html,js
10. keywords usage
總結
seo,搜索引擎優化。方法有:
- meta
- title
- url語義化
- 圖片的attr屬性
- 網站響應式,支持移動端