13518219792
Z-Blog里面有三个插件是做搜索引擎优化（SEO）必不可少。
创新互联公司专注于麟游网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供麟游营销型网站建设，麟游网站制作、麟游网页设计、麟游网站官网定制、成都微信小程序服务，打造麟游网络公司原创品牌,更为您提供麟游网站排名全网营销落地服务。
Google站点地图
Ping中心和引用通告发送器
标题搜索引擎优化
1、Z-Blog 默认模板里面是没有keywords，description等meta标签的。有很多的SEO文章说着两个都要加进去。但我的建议是Description就不要加了，这个容易出错。可以在\THEMES\xxxxxxxx\TEMPLATE目录下的找到single.html（xxxxxxx是你用的主题名称）。
在文件的title里加入如下代码：
meta name="Keywords" content="#article/tagtoname#"
2、于h1和h2的使用。 h1/h1在标准化里面的意义是表示标题，而并不是用来弄大小。Z-Blog里面用h1显示了网站名称，用h2显示副标题。但显然把这个h1留给文章的标题更加合适。你可以在同样的目录里找到single.html default.html catalog.html三个文件。
把其中的h1 换成h2，h2换成h3（记得前后都要换） 。
h1 id="BlogTitle"a href="#ZC_BLOG_HOST#"#ZC_BLOG_NAME#/a/h1
h2 id="BlogSubTitle"#ZC_BLOG_SUB_NAME#/h2
然后再把文章的标题用h1表示。在有的SEO文章里面，提到了文章标题用h1，但是没有指出文章标题的位置。准确的说，文章的标题并不在single.html里面，而是在目录内的b_article-single.html里面。找到它，把其中的h2换成h1，同样前后都要换。
h2 class="post-title"#article/title#/h2
直接删除源文件里面的相关代码。ZBlog是一款小巧而强大的基于Asp平台的Blog程序，z博客关闭动态链接直接删除源文件里面的相关代码即可，就是每次系统升级更新都要重新再修改一次。
1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下： meta name="viewport" content="width=device-width, initial-scale=1" / 这段代码支持Chrome、Firefox、IE9以上的浏览器，但不支持IE8以及低于IE8的浏览器。 2、在CSS文件尾部增加针对不同屏幕分辨率的规则。 例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。以下代码针对Z-Blog，WordPress相关标签名称只需修改一下即可。 @media screen and (max-device-width: 480px) {#divMain{float: none;width:auto;}#divSidebar {display:none;} } 3、布局宽度使用相对宽度。 网页总体框架可以使用绝对宽度，但往下的内容框架、侧栏等最好使用相对宽度，这样针对不同分辨率进行修改就方便。当然也可以不用相对宽度，那就需要在 @media screen and (max-device-width: 480px) 里面增加各个div的针对小屏幕的宽度，实际上更麻烦。 4、页面使用相对字体（非必要） 在HTML页面上不要使用绝对字体（px），而要使用相对字体（em），对于大多数浏览器来说，通常用 em = px/16 换算，例如16px就等于1em。 5、图片自适应（非必要） img标签的话，只需要设置 max-width: 100%;或width:100%; 语句为：img { max-width: 98%; } css加载的background-image如何自适应大小呢，其实CSS3中是可以实现的，添加如下语句：background-size:100% 100%; 根据上面讲述的几点内容，我针对我博客的CSS进行了一些修改，发现可以从iPhone手机浏览到体验更佳的页面，但有一个问题没有解决，就是顶部导航栏navbar显示有问题，换行后被下面的文章盖住了，不知道怎样能更好地解决这个问题（更新：经过网友提示，在导航栏divNavbar的样式里，加入 white-space:nowrap; overflow:hidden; 即可解决这个问题）。
