点击精灵Logo
您的位置:首页 >seo高级

网站pc/wap端排版结构要求及网页布局方式

来源:精灵SEO 发布时间:2020-03-27

  网站不管是pc端还是wap端都是讲究层次结构和排版布局的,这个是为用户方便浏览体验的重要操作。在网站制作过程中有两大点是一定要注意的,第一是页面混乱,主次不清,所有东西都引人注目;第二是背景干扰用户浏览。这个是直接干扰用户查看网站的视觉,在用户受到这方面的影响一定大大增高了网站跳出率。

  pc端排版布局

  1.把页面分割成清晰明确的不同区域,因为可以使用户迅速判断出哪些区域是重点,哪些模块内容不是用户需求。

  例如:站点版块不清晰不明确,对用户浏览体验大大降低。

  2.创建清晰直观的页面层次结构;越重要越要突出;逻辑相关的内容视觉上也应该相关。

  例如:页面层次结构不清晰,相当于页面逻辑不通顺,不符合要求。

  3.用嵌套的方式形象地显示从属关系。

  例如:站点层级嵌套混乱,让用户找不到对应信息,不符合要求。

  pc端布局代码运用:

  1、table布局:通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。这种布局方式也叫传统布局,目前主要使用在EDM(广告邮件中的页面)中,主流的布局方式不用这种。

  2、HTML+CSS布局(DIV+CSS):主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局,它比传统布局要复杂,目前是主流的布局方式。

网站pc/wap端排版结构要求及网页布局方式

  table布局和HTML+CSS布局(DIV+CSS)优缺点:

  table表格布局:

  优点:布局容易、快捷、兼容性好。

  缺点:改动不便,需重新调整,工作量大。

  DIV+CSS:

  优点:布局灵活、改动方便。

  缺点:需考虑平台的兼容性,对制作人员技能要求较高。

  移动/wap端排版布局

  1.页面应注意排版精良,段落分明,合理使用不同字号区分页面的主次信息,图片、视频等多媒体资源的位置及尺寸选择配合页面整体布局,保证页面整体的美观度和用户浏览页面信息的最佳可读性。

  例如:站点页面排版差、段落距离不合理影响用户阅读

  2.首屏主体内容必须占屏幕的50%以上。并且主体内容应位于手机屏幕的中心位置。

  例如:首屏主体内容小于50%,广告等其他内容过多,不符合要求

  3.展开全文功能:展开全文的设置必须具有文字标示,且功能实际可用;展开全文功能最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开全文与广告等引导性内容要设置一定距离间隔,避免干扰用户操作。

  例如:展开功能无文字标示,且与APP调起按钮距离过近,不符合要求

  例如:小程序展开全文按钮出现在首屏,不符合要求

  4.主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。

  例如:翻页功能键与广告之间无间距,易引发用户误点击,不符合要求

  例如:小程序主体内容与广告之间距离过近,不符合要求

  5.页面的导航的功能与位置明确,避免用户使用过程中被误导。

  例如:点击服务导航按钮,小程序未跳转到对应页面,不符合要求

  pc端布局运用:

  1、全适配:响应式布局+流体布局

  2、移动端适配:流体布局+少量响应式、基于rem的布局。

  注意:留白,这是网站都要考虑的问题。网页要有留白的作用,使整个内容排布得松紧有度,利用留白使页面布局平衡,可以提高网页的视觉效果和艺术感染力。减少页面的干扰;使有用的内容更突出;使页面篇幅较短,无需滚屏。


相关文章内容简介

1 做SEO优化必备哪些能力

  SEO优化可能大家并不陌生,因为现在很多人都在做这一块的业务。想要更好的把这方面的优化做好,就得具备相应的专业能力。什么叫做专业能力,大家可以从相应的数据来了解具体的表现形式。比如网站的跳出率比较高,那就表明网站的优化内容并不是特别受欢迎,需要大家在内容方面多花一些功夫。   这方面的能力总结下来就是精准的数据分析能力,能够通过各种数据反映出平台的相关问题。包括平常的优化习惯不是特别规范,都可能会给平台带来相应的影响。所以这方面的能力显然是无比重要的,需要大家花时间去积累和学习。只有经历了足够多的实际优化案例之后,才可以让自己的网站越来越好。   另外是扎实的软文编写能力,很多人觉得SEO优化主要是软文这一块。其实这种说法也没有太大问题,因为大家需要用软文来传递自己想要营销的内容。但软文到底应该怎么写,其实也有很多讲究和需求。虽然不同时间的要求可能会出现一些差异,但总体来说他的价值是不会变化的。   最后还有一种心理素质,那就是用销售的心理去做SEO优化。这是深入了解消费者需求的 [阅读全文]

2 网站seo优化你需要明白的几大特性分析

  在进行优化的过程中,经历过百度的K站、排名的恢复、权重的跌宕起伏让自己有时候真的不知所措,但是作为自己而言,一直希望自己网站能够稳定的获得排名,可是有时候真的是事与愿违,在自己优化过程中,我认为以下几个细节对于优化工作至关重要。   第一,首先你的网页内容一定要和主题吻合。这个主题指的是你网站的主题,比如站点是养殖的,那么,无论养猪、养鸭、养河蟹都要围绕"养"这个主题来进行,而不是杂乱无章的发布很多比如娱乐、旅游、资讯等方面的信息,虽然这些热词也可能会带来些许流量,但是不相干的流量又有何价值呢?   第二,让自己的网站树立我是最重要的。你的网页质量自己在精心的精心优化还不足以获得搜索引擎的认可,而我们站点权威度的不断树立是来自于和我们相关的行业站点的,就是平时要努力的进行推广,而且要和自己网站相关的站点甚至权重更高的站点去合作,比如可以去58、百姓等行业网站去发布自己的产品服务信息,并且附带推广我们的网站,要扩大推广宣传的渠道,博客推广、站长网软文推广、论坛推广结合起来,不断的在 [阅读全文]

系统提示

登录密码错误!!!