昨天说了关于优化网站结构的前二条，网站代码的优化和网站目录的优化，虽然这两条很重要，但是这两条还是内部的东西，要真正做好，还需要网站结构优化的内外结合才能做到一个好的优化效果！

1. 清晰的url优化，url设计的基本原则呢就是简单清晰，并且方便记忆，这是紧接着上一条网站目录结构设计来说的。英文网站URL以英文命名为佳，像中文网站的URL，拼音无疑是上上之选。在建站时尽量采用静态或者伪静态技术，尽量不适用动态的URL。现在很多主流的CMS或博客系统都带有这样的功能，DedeCms、WordPress都是不错的选择。虽然静态页面在交互性和维护上比动态页面麻烦一些，但是静态页面在服务器上是一个独立的网页文件，访问时无需读取数据库，加载速度很快，对用户对搜索引擎都很友好，自然倍受搜索引擎么么哒。robots.txt文件中屏蔽动态URL，robots.txt文件是搭建网站与搜索引擎对话的桥梁 网站与搜索引擎友好地对话，robots.txt文件无疑是最好的选择。robots.txt文件可以告诉搜索引擎哪些是重点，哪些又是可以忽略的，节约搜索引擎蜘蛛抓取网页的时间，也在一定程度上节省了服务器资源，何乐而不为?所以说，在网站根目录下加入一个robots.txt文件，用来引导搜索引擎蜘蛛爬行就很好必要了。比如我们既然做了伪静态，那么就不需要动态链接了，在robots.txt文件写入代码屏蔽动态链接即可。

2. 网站布局优化，要求你重要的内容放在显眼的地方。基于用户浏览习惯，浏览的先后顺序一般都是从上往下，从做往右。所以左上角是一个最重要的地方。如果按照上下结构，百度把整个网站页面从上往下，分别分为首屏，二屏，等。每一屏都有相应的算法和权重值参考。显然首屏最重要。总之就是一个原则，越重要的内容越朝着网站左侧和网站上方靠拢。

从上往下 流式布局_揭秘做好网站结构优化的4步（下）相关推荐

  1. 从上往下 流式布局_教大家怎么写前端布局

    一.静态布局(Static Layout) 1. 布局概念 最传统.原始的Web布局设计.网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow: ...

  2. HTML+CSS_第三部分(Flex弹性盒子布局、grid网格布局、移动端、移动端流式布局、移动端rem布局、响应式布局、Bootstrap框架)

    文章目录 (1)Flex弹性盒子布局 一: 父容器上的属性 1. display:flex 设置为弹性盒子(写在父容器上) 2.flex-direction值 设置子项的布局方向(写在父容器上) 3. ...

  3. 瀑布流式页面布局_微信小程序——实现简单的瀑布流式布局

    写页面时,考虑到美观,良好的用户体验,对于内容的展示我们经常会用到瀑布流式布局,那么如何实现一个简单的瀑布流呢? 瀑布流式布局 原理:遍历数组判断奇偶性,然后分左右排布,左右两边代码基本一致 直接上代 ...

  4. android 仿快递步骤_【干货速递，建议收藏】Android 流式布局，一篇搞定

    今天我们来看Android的流式布局. 所谓流式布局指的是ViewGroup中同一行的宽度不足以容纳下一个子view时,进行换行处理,而不需要考虑子view的大小,每一行的高度以其中最高者为准. Ta ...

  5. 自定义 FlowLayout流式布局搜索框 加 GreenDao存取搜索记录，使用RecyclerView展示

    输入框布局的shape <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android ...

  6. html流式布局怎么用,css 流式布局什么意思？

    流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一.流式布局在CSS2时代就有,主要是靠百分比进行排版,可以在不同分辨率下显示相同的版式. 流式布局:网页中主要的划分区域的尺寸使用百分数( ...

  7. 01移动端布局基础之流式布局

    技术交流QQ群:1027579432,欢迎你的加入! 1.移动端基础 浏览器现状 PC端常见浏览器:360浏览器.谷歌浏览器.火狐浏览器.QQ浏览器.百度浏览器.搜狗浏览器.IE浏览器等. 移动端常见 ...

  8. 《响应式web设计》读书笔记（三）拥抱流式布局

    一.什么是流式布局 流式布局已经不是什么新概念了.为了文章的完整性,还是提一提吧.很久很久以前,当大部分人的屏幕分辨率还是1024*768的时候,网页设计师一般都按照960px或是980px的固定宽度 ...

  9. 【转】关于WaterFall瀑布流式布局的性能优化

    市面上已存在的瀑布流式布局的网站: 拼范网:http://www.pinfun.com/ 迷尚网:http://www.mishang.com/ 凡客达人:http://star.vancl.com/ ...

最新文章

  1. 设置最小值_AI基础教程62：使用文字菜单编辑文字（四）标点挤压设置
  2. 【总结整理】开发说不能做怎么办
  3. 小工匠聊架构- 提升性能的大杀器之缓存技术
  4. 移动端列表点击跳转 返回保存原来高度
  5. Scikit-Learn 机器学习笔记 -- SVM
  6. 精读《谈谈 Web Workers》
  7. SQL Server 20082005维护计划对比
  8. getX(),getY()等方法的区别（图解）
  9. SQL 与 ORACLE 的比较
  10. mysql libc.so.6_解决安装mysql动态库libstdc++.so.6、libc.so.6版本过低问题
  11. 安全教育平台账号后四位_2020中小学国家安全教育专题活动入口官网：学校安全教育平台...
  12. ar9285网卡驱动 for linux,atheros ar9285无线网卡驱动 免费版
  13. CAUSALITY FOR MACHINE LEARNING
  14. 体彩大乐透模拟机选随机号码_模拟
  15. 【2019】【论文笔记】基于混合石墨烯金属结构的可重构THz Vivaldi天线——
  16. [算法题]返回数组A的元素组成的小于n的最大数
  17. 击败26个硕士，本科生“歪门邪道”月薪过万
  18. Failed resolution of: Landroid/webkit/TracingController；
  19. 储留香：从丞相说到文件系统
  20. Hadoop精华问答 | 如何设置单个任务占用的内存量和CPU数目？

热门文章

  1. mysql数据库DDL操作
  2. 菜鸟、普通、老鸟程序猿如何写奇数判断？--位操作符妙用
  3. 2000万日订单背后：美团外卖客户端高可用建设体系
  4. 支付系统开发中可能遇到的问题
  5. 李宏毅深度学习——第一天（Bias and Variance）
  6. 大数据变现四种途径，如何把海量数据变成现金？
  7. 机器学习之多变量线性回归（Linear Regression with multiple variables）
  8. 互联网元年：如何提升自己？
  9. jvm性能调优 - 07线上应用部署JVM实战_栈内存与永久代预估与设置
  10. Redis进阶 -CLUSTER NODES 信息结合实际输出信息解读