爱站屋博客 - 好东西不私藏,大家一起分享!关于博客 留言板

网站首页 SEO优化教程 正文

了解seo的推广sem和seo是什么seo自学论坛网站优化公司

星云 2019-04-22 SEO优化教程 6 ℃

  而页面动起[db:标签]的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提效率的,并且也能防止疏忽缺漏。

  网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGagaGoPng等等,自动化构建工具Grunt和Gulp也提供了相应插件。

  特别地,如果单张雪碧图面积实在太大,可以拆分雪碧图,例如拆分成2-4张,因为现代浏览器都支持4-6个同源请求下载,若资源实在太多,也可以考虑把静态资源放在不同源域名下去请求,这里牺牲多几个请求换来图片同时加载比一张图片慢慢加载要好,当然,这需要具体情况去衡量。

  顺便提一下,我写动画的一个小技巧是把每一页的动画分在一个import.css里面,然后最后在主样式中import进去,这样方便调试动画,也容易维护,例如:

  当然,import不是原生支持的,这里需要一些程化工具让import的页面在输出之前经过组装-压缩的步骤。

  多终端兼容是一切的根基,要知道有人拿着肾6+,有人拿着肾4,大则414×736,小则320×416(IPHONE4在SAFARI保留上下端导航),因此多终端兼容是十分必要的。

  曾经有一种派系为320派系,就是大部分页面都是320宽度,因此干脆直接用320的容器来包一切页面,那样也简单,然而IPHOEN6和IPHONE6+的出现简直是灭了这个派系。

  A.设计初期。先审视设计稿,因为320派系的原因,大部分设计稿只考虑到IPHONE5来设计,因此很多背景元素是只有320px宽度(页面实际渲染宽度),例如下图。

了解seo的推广sem和seo是什么seo自学论坛网站优化公司-第1张图片-爱站屋博客

  那么,这时候就需要设计提供一个较长的延伸背景了,最好是可以重复的,用background-repeat可以减少图片大小。

  首先,为小屏(大屏)加一个识别类,这里小于420表示为小屏幕(IPHONE4有上下导航栏):

  C.设计后期。这是最后一步,整体检查和体验,这里面会暴露一些问题,例如元素在IPHONE6P显得小了或者元素在IPHONE4挤不下了,可以来最后大招解决:

  1.大屏适当用zoom:(倍率)或者transform:scale(倍率)来增大元素,实测失真根本看不出来,设计师也满意(毕竟不用多做一张图!);

  2.小屏适当去掉一些元素,例如一些翻页提示,一些多余图标,可以让优雅降级,把它们 display:none掉。

  有以上几步,基本就能兼容大部分机器了。兼容一直是个苦活,但是这是前端必修课,多练就会发觉其实也没有那么难嘛。

  前面说了,加了音效就要加上音乐切换开关的按钮,不然会被用户骂死。还有其他,例如如果你的页面不能兼容横屏,请监听横屏状态,然后加上适当的横屏提示。

了解seo的推广sem和seo是什么seo自学论坛网站优化公司-第2张图片-爱站屋博客

  而最新的微信提供了新的微信SDK,需要在公众账号绑定所属域名之后调用SDK作分享,可以说分享功能会更加强大,坑也会更加少。

了解seo的推广sem和seo是什么seo自学论坛网站优化公司-第3张图片-爱站屋博客

  写h1做标题,p做容,img做缩略图,只需要把h1隐藏掉就好,这里的缩略图最好要大于200x200px。

了解seo的推广sem和seo是什么seo自学论坛网站优化公司-第4张图片-爱站屋博客

  分享的坑还有更多,例如不同浏览器例如QQ浏览器、Chrome也会有自己的默认拉取方式(部分截图作缩略图),需要多加测试优化。

  1.定义精确的网页标题。你的标题应该有概括性,能明确告知搜索引擎和用户你的网站大概内容和目的,可以是当前页面标题-所属类型-产品名,例如“全民来猜歌-年费黄钻-QQ空间”。

  3.优化你的超链接和图片。包括优化超链接显示的文本,要具有语义性也要跟超链接的网页具有相关性,例如“空间主页”就不要链接到“”。同时,要补充”title”和”alt”属性,例如“img src=’images/apple.jpg’ title=’苹果示例图’ alt=’苹果示例图’ /”。

  4.建立良好的网站导航和sitemap。网站需要有一个良好的导航,控制根目录和各目录的关键,通过sitemap可以帮助网站主了解网站结构,也方便搜索引擎收录整个站点。

  5.优化目录结构和URL。你的URL应该有语义性,简短易懂,例如,而且每一层级都要有它对应的页面展示以及语义。

  6.善用h1-h6的标题结构树。合理的标题可以强调文字,也能让搜索引擎更加了解到各标题的重要性,因此建立良好的标题树十分有意义。

  7.不断致力于提供优质的内容。社交化分享是网站曝光最快的因素,因此不断提供了优质原创内容才能真正提高你的网站曝光权重。

  无障碍的普及是一件好事,这让互联网真正地为所有人可用。因此我们也应该为之而努力,无障碍的根基是你页面强壮的语义性和结构性,具体可以参考《腾讯网无障碍说明》了解无障碍的优化手段。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。


本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

:如果评论未出现,请刷新网页,谢谢合作!

会员中心
搜索
ip签名图
    IP签名图
网站分类
标签列表
文章归档
站点信息
  • 文章总数:25625
  • 页面总数:3
  • 分类总数:12
  • 标签总数:629
  • 评论总数:993
  • 浏览总数:349732
爱站云安全认证