面试题 —— 前端如何进行SEO优化?
SEO,即Search Engine Optimization, 搜索引擎优化,是一种通过分析搜索引擎的排名规律,了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。
搜索引擎采用易于被搜索引用的手段,对网站进行有针对性的优化,提高网站在搜索引擎中的自然排名,吸引更多的用户访问网站,提高网站的销售能力和宣传能力,从而提升网站的品牌效应。
合理的title、description、keywords
搜索对着三项的权重逐个减小,title值强调终点即可;description把页面内容高度概括,不可过分堆砌关键字;keywords例举出重要关键字。
1.title
title,就是浏览器上显示的那些内容,不仅用户能看到,也能被搜索引擎检索到(搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要),title一般不超过80个字符,而且词语间要用英文"-"隔开,因为计算机只对英文的敏感性较高,对汉语的敏感性不高。
用法:
<title>IT培训机构|专注编程培训</title>(1) 首页title写法,一般是"网站名称-主关键字词或一句含有主关键字的描述"。一般网站名称放在后面,因为搜索引擎给予标题最前面的词比后面高。比如:"冰箱_变频冰箱-海尔官网”
(2)文章页title写法,一般有3种:“文章标题-网站名称”、“内容标题-栏目名称-网站名称”、“内容标题-网站名称”。其中,“内容标题-栏目名称-网站名称”的写法最规范,它能给用户很好的提示,让用户知道他在访问哪篇文章,并且是在哪个网站的哪个栏目下。
2.description (内容摘要)
description是对于一个网页的简要内容概况。description一般不超过150个字符,描述内容要和页面内容相关。
用法:
<meta name="description" content="你网页的简述">(1)首页description写法,一般是讲首页的标题、关键字和一些特殊目的的内容融合到里面,写成简单的介绍。
(2)文章页keywords写法,建议提取文章中的关键字。
<meta name="description" content="Android、Java、HTML5、大数据、VR、UI">
3.keywords(关键字)
keywords,主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此keywords的每个词都要能在内容中找到相应匹配,才有利于排名。keywords一般不超过3个,每个关键字不宜过长,而且词语间要用英文","隔开。尽量将重要的关键字靠前放,因为靠后的关键字排名较差,除非你占有很高的权重。
用法:
<meta name="keywords" content="关键字1,关键字2,关键字3,关键字4">(1)首页keywords写法,一般是"网站名称,主要栏目名,主要关键字"
<meta name="keywords" content="IT培训,IT培训机构,编程培训">
面试题 —— 前端如何进行SEO优化?相关推荐
- 关于前端spa项目seo优化改造方案(预渲染,ssr,nuxt比较)
目前的的前端项目为基于vuecli3搭建的spa项目,由于需求提出需要对首页,部分内容页面做seo优化,涉及到前端项目的框架和部分页面的改造. 目录 SEO简介 关于收录 关于链接 一.预渲染 二.s ...
- web前端性能以及SEO优化
引子 为什么要做性能优化? 提高用户体验,加速页面的相应速度 提高用户交互性,操作体验更好 为搜索引擎服务 常用的技术 css精灵图片 压缩图片大小 合并css js文件 减少http请求的次数 合理 ...
- 前端如何做好SEO优化
seo就是搜索引擎优化,然后在页面上所有相关网站的时候,自己的网站可以排在最前面,然后吸引流量 1.优化网站的分级结构 就是使用扁平化管理,让目录层级尽量不要超过三级,比如植物-水果-苹果,梨,香蕉, ...
- 前端如何实现SEO优化
1.提高页面加载速度. 能用css解决的不用背景图片,背景图片也尽量压缩大小,可以几个icons放在一个图片上,采用css精灵(css sprite),使用background-position找到需 ...
- 前端后端分离,怎么解决SEO优化的问题呢?
前端后端分离,怎么解决SEO优化的问题呢? 参考文章: (1)前端后端分离,怎么解决SEO优化的问题呢? (2)https://www.cnblogs.com/zhansu/p/7119569.htm ...
- 前端seo优化详细方案
前言: 在好久之前就总结过一个版本的搜索引擎优化,但是那时只是很肤浅的做一些meta中的,description,keywords,以及一些简单的语义化标签,并没有在谷歌搜索引擎中心搜索到自己的网站, ...
- 零基础学前端之SEO 基础知识学习--SEO优化学习教程【学习笔记】
[前端总路线学习笔记] 本笔记的参考视频–SEO 基础知识学习视频 SEO优化学习教程学习笔记 SEO用到的网站 1.百度指数 2.站长之家 1.什么是SEO – 搜索引擎优化 Search Engi ...
- 前端搜索引擎优化SEO优化之Title 和 Meta 标签
前端搜索引擎优化SEO优化之Title 和 Meta 标签 对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来 ...
- Web前端如何进行SEO结构优化
做前端的肯定离不开SEO,无论您是专职的SEOer还是其他什么别的,只要设计到前端就避不开SEO,前前后后做了几十个网站和个人博客网站建设的我,对与SEO仍然出于小白阶段,下面就介绍一下日常SEO注意 ...
最新文章
- javascript js异步加载
- 传输控制协议(TCP)基础知识概述
- 计算机count的功能是,全国计算机二级Access每日练习4
- AI:2020年6月21日北京智源大会演讲分享之09:40Judea教授《 The New Science of Cause and Effect with reflections ondata s》
- buu Windows系统密码
- 459. Repeated Substring Pattern 重复的子字符串
- php://input allow_url_include,php allow_url_include的应用和解释_PHP教程
- 诺基亚收购了阿朗:那与 TCL 的“阿尔卡特”品牌授权协议到期后咱办?
- Oracle-day03 上
- 送你一份计算机视觉精品学习资料,学完拿高薪offer!
- 我的世界java致命错误_《我的世界》六个“致命错误”,最后一个“不作死就不会死”...
- (转)你确定你的交易系统最快?
- springboot使用yml格式报错
- 铁打的春晚,流水的流量
- 【转】[DirectShow] 033 - Using Windowed Mode
- 区块链是如何存数据的?
- beforeSend 出现跨域问题,header里直接设置token就没问题----Day1
- 蓝奏云网盘在线上传源码
- Kotlin 学习笔记(四)—— 协程的基础知识,面试官的最爱了~
- 六、添加艺术字到图片