【HTML/CSS】SEO的概念和实现

1 SEO的概念

SEO就是使用特定的技术使得网站的各种关键词排名提升到搜索引擎的理想位置,从搜索引擎中获得更多的免费流量,以及更好地展现网站形象。

2 SEO优化

  1. 设置合理的title、description、keywords
  2. 重要的关键词不要超过2次,而且要靠前,不同页面的title要不同
  3. 使用语义化的html代码,符合w3c规范,语义化代码让搜索引擎容易理解网页
  4. 重要的内容放在html代码最前,搜索引擎抓取页面是自上而下的,有的搜索引擎对抓取的长度有限制
  5. 重要的内容不要通过JS输出,搜索引擎不会执行JS获取内容
  6. 少用iframe,搜索引擎不会抓取iframe
  7. 非装饰性图片必须加上alt
  8. 提高网站速度

3 前后端分离的项目怎么SEO

  1. 使用预渲染,prerender需要由nodejs的支持,而且需要路由使用history模式,hash模式会失效。预渲染的本质就是在打包的时候通过插件将js提前执行,将由内容的html放到服务器上,这样就能被爬虫抓到。

var PrerenderSpaPlugin = require('prerender-spa-plugin')var webpackConfig = merge(baseWebpackConfig, {plugins: [//这段代码意思是拷贝static文件至根目录使得渲染的文件可以找到js、cssnew CopyWebpackPlugin([{from: 'static'}]),new PrerenderSpaPlugin(//将渲染的文件放到dist目录下path.join(__dirname, '../dist'),   //需要预渲染的路由信息[ '/','/introduct','/culture','/Chairman','/president','/fund','/news','/honor' ],{//在一定时间后再捕获页面信息,使得页面数据信息加载完成captureAfterTime: 50000,//忽略打包错误ignoreJSErrors: true,phantomOptions: '--web-security=false',maxAttempts: 10,}),
  1. 服务端渲染SSR,前端耗时少,有利于SEO,网络传输量大,占用服务端运算资源

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/480862.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

互联网架构:常用基础中间件介绍

一般而言中间件和框架的区别是,中间件是独立运行的用于处理某项专门业务的CS程序,会有配套的客户端和服务端,框架虽然也是处理某个专门业务的但是它不是独立程序,是寄宿在宿主程序进程内的一套类库。 图上绿色部分代表了框架&…

论文浅尝 | How to Keep a Knowledge Base Synchronized

Citation: Liang, J.,Zhang, S. & Xiao, Y. (2017). How to Keep a Knowledge Base Synchronized withIts Encyclopedia Source. Proceedings of the Twenty-Sixth International JointConference on Artificial Intelligence, 3749–3755. 论文链接:https://ww…

揭秘任务型对话机器人(上篇)

https://juejin.im/post/5b21d548e51d4506d93701e7 欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~本文来自专栏语言、知识与人工智能,作者腾讯知文实验室1. 什么是任务型机器人任务型机器人指特定条件下提供信息或服务的机器人。通常情况下是…

如何判断样本标注的靠谱程度?置信度学习(CL)简述

一只小狐狸带你解锁NLP/DL/ML秘籍来源:AI科技评论前言使用ImageNet、CIFAR、MNIST 或 IMDB 这些数据集时,你是不是会潜意识中假设,这些数据集中的类标签都是正确的?然而,你可能不知道:ImageNet数据集中至少…

论文浅尝 | Open world Knowledge Graph Completion

来源:AAAI2018论文链接:https://arxiv.org/pdf/1711.03438.pdf代码链接:https://github.com/bxshi/ConMask本文解决知识库补全的问题,但和传统的 KGC 任务的场景有所不同。以往知识库补全的前提是实体和关系都已经在 KG 中存在&am…

NLP十大研究方向Highlights!

前言 DeepMind 科学家 Sebastian Ruder总结整理了机器学习和自然语言处理领域 10 个影响巨大的有趣研究方向,本文将介绍该10个方向所取得的主要进展,简要说明我认为这个方向重要的原因,最后对未来的工作进行简短的展望。 这 10 个方向分别是…

【HTML/CSS】HTML5和CSS3的新特性

目录1 HTML51.1 语义化标签1.2 画布canvas1.3 新增API1.3.1 拖拽1.3.2 地理定位1.4 音视频Audio/Video1.5 Web存储1.6 WebWorker1.7 WebSocket1.8 新增表单控件2 CSS32.1 新增属性2.2 font-face2.3 2D/3D转换2.4 过渡2.5 动画2.6 媒体查询2.7 弹性布局2.8 用户界面属性1 HTML5 …

设计模式实践及总结

一、设计模式概念及设计原则 记得刚开始学编程的时候就看过设计模式相关的书籍,虽然当时有很多地方都不理解,但是建立了早期对架构设计的意识,让后面的学习和工作中受益匪浅,最近两年也一直在做架构设计方面的工作,解开…

图解Transformer

原文标题:The Illustrated Transformer 原文链接:https://jalammar.github.io/illustrated-transformer/ 论文地址:https://arxiv.org/abs/1706.03762 前言 Transformer在Goole的一篇论文Attention is All You Need被提出,为了方…

知识工场 | 让机器认知中文实体 —复旦大学知识工场发布中文实体识别与链接服务

本文转载自公众号:知识工场。一、什么是实体识别与链接近年来,如何通过知识图谱让机器实现自然语言理解受到越来越多的关注。其中,识别文本中的实体,并将它们链接到知识库中,是让机器理解自然语言的第一步,…

【手撕算法】排序

目录1 插入排序2 堆排序3 归并排序4 快速排序5 冒泡排序6 选择排序1 插入排序 时间复杂度O(n2)O(n^2)O(n2) 空间复杂度 O(1) 稳定 从第一个元素开始,认为左边的序列是有序的,从有序部分的最后一个向前比较,如果当前元素小于有序部分就交换&…

mikechen谈技术人成长的三大原则

“ 我自己是工程师出身,一路就像游戏打怪一样,不断去突破自己的职能舒适区,技术这条路我用了整整10年去把它全部打通,这些经验看似平淡,作为一个过来人,在你每一次新的选择的时候,你就会发现它…

最新进展 | 深度学习在天气预测中的应用

谷歌研究员提出使用机器学习方法预测未来短时间内的天气。此方法虽然处于早期发展阶段,但效果已经优于传统模型。 前言 天气总是会或轻或重地影响人们的日常生活,而天气预报的准确性会极大影响人们应对天气的方式。天气预报可以告知人们是否应当选取一条…

快速上手笔记,PyTorch模型训练实用教程(附代码)

前言自 2017 年 1 月 PyTorch 推出以来,其热度持续上升,一度有赶超 TensorFlow 的趋势。PyTorch 能在短时间内被众多研究人员和工程师接受并推崇是因为其有着诸多优点,如采用 Python 语言、动态图机制、网络构建灵活以及拥有强大的社群等。因…

领域应用 | 中医临床术语系统V2.0在线发布啦!

本文转载自公众号:中医药知识组织与标准。中医临床术语系统V2.0在线发布中医临床术语系统(Traditional Chinese Medicine Clinical Terminological Systems, TCMCTS)是由中国中医科学院中医药信息研究所研制的,用来描述健康状况和…

【手撕算法】字符串

文章目录1 求最长公共前缀1.1 暴力法1.2 分治法2 最长回文子串2.1 暴力法1 求最长公共前缀 1.1 暴力法 以第一个为基准,取其前缀,与其他字符串依次比较,如果全部相同,就更新res。res指向公共前缀的末尾。 var longestCommonPre…

NLP Subword三大算法原理:BPE、WordPiece、ULM

Subword算法如今已经成为了一个重要的NLP模型性能提升方法。自从2018年BERT横空出世横扫NLP界各大排行榜之后,各路预训练语言模型如同雨后春笋般涌现,其中Subword算法在其中已经成为标配。且与传统空格分隔tokenization技术的对比有很大的优势~~ E.g. 模…

【小程序】微信小程序开发实践

版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 https://blog.csdn.net/diandianxiyu/article/details/53068012 </div><link rel"stylesheet" href"https://csdnimg.cn/release/phoenix/template/css/ck…

技术人如何提升自己的核心竞争力

互联网行业是一个发展非常快&#xff0c;变化也快的行业&#xff0c;在这个行业&#xff0c;总是让人感觉既兴奋又不安。 兴奋的是你总能看到无数新奇的事物&#xff0c;甚至亲身参与到一场变革中去&#xff0c;而不安的则是&#xff0c;任凭你如何NB&#xff0c;你也无法保证哪…

AAAI 2018经典论文获奖者演讲:本体论的昨天和今天

本文转自公众号&#xff1a;AI科技评论。AI 科技评论按&#xff1a;正在美国新奥尔良召开的 AAAI 2018 的经典论文奖颁给了《Algorithm and Tool for Automated Ontology Merging and Alignment》。这篇论文发表在 2000 年的第 17 届 AAAI 大会上。这次颁奖是为了表彰这篇论文在…