百度为什么不抓取设置的Description描述

熟悉SEO优化的人都知道Meta标签,Meta标签由Title(标题)、keywords(关键词)、Description(描述)组成。

Title和Description通常会在网民的搜索结果里呈现,而关键词则布局在标题、描述和页面内容中起到SEO优化作用。

一般情况下,我们在网站中设置的标题和描述就是网民去搜索引擎搜索时所呈现的搜索结果,就像这样 ↓ ↓ ↓

--- 宏华电器后台设置的标题和描述 ---

继续阅读→

可商用的一些免费中文字体

前阵子乡乡貌似掉坑了……设计制作出一套正常可用的中文字体,确实很不容易,收取适当费用也是应该的。

但是对于绝大部分个人甚至中小企业来说,哪怕是用于“商业目的”,让使用者付一笔高昂的字体费用?实在有些心有余力不足。

小公司花几千块钱制作了一个网站,或者为了搞搞活动印刷了一批千把块的DM,让他们付8000,20000,50000……甚至更多的费用为字体的版权买单?这情何以堪。

当然,你可以说既然不愿意付费,既然付不起钱,那就使用免费的字体啊,中文字体也不是一种免费的都没有。

设计者千挑万选或者使用自己觉得最合适的,使用者也觉得好看,过得去,不赖的字体,这本身就是一个很模糊的过程,更何况绝大部分使用方完全不知道还有字体授权这码事。

总觉得已经为设计买单了啊?

中文博大精深,我当然也希望中文字体能够发扬光大,百花齐放。辛苦的字体设计师们,艳羡的使用者们,除了“一刀切”似的授权年费,对绝大部分想使用某种中文字体的小伙伴们来说,中间能否有一种适中的方式来串联呢?

 

继续阅读→

li 不换行

li 不换行

 

不换行的策略:

 

不换行原理:

ul 和 li 默认都是 display:block; 的标签,

可以通过2种方式实现 li 的 不换行显示:

* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,

* 将 li 设为 float:left; ,然后通过 ( margin & padding ) 设置 li 的间距,通过 width 设置 li 宽度,可以指定 overflow:hidden 以防止内容过多撑开 li ,

 

ul 的设置:

ul 最好设置 margin & padding = 0,且 list-style 设置为 none,以不显示前面的符号,

例子:

.ul_one {list-style: none;margin: 0px;padding: 0px;}s

继续阅读→

前端js文件合并的三种方式推荐

前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式。

三个方式如下:

1. 一个大文件,所有js合并成一个大文件,所有页面都引用它。

2. 各个页面大文件,各自页面合并生成自己所需js的大文件。

3. 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用多个共用大文件。

另外在我看来,合并有两个目的:

1. 为了减少请求数。

2. 代码安全考虑(文件分得越多,越容易被人看清)。

PS:注意我说的不是压缩混淆,只是合并
继续阅读→

手机移动网站和PC站点的自主适配

1、自主适配

A:站点自己做好PC与手机之间的适配,以及手机站各个版式之间的适配。当手机用户通过百度移动搜索或者其他方式访问站点的PC页时,站点将其自动适配到该PC页面对应的手机页,并为之选择合适的页面版本。

B:站点若暂不具备自主适配的能力,可以使用百度提供的终端适配服务,简单快捷地实现自主适配。即:站点调用百度终端适配服务API进行简单的开发,就可以获取到访客的终端信息(包含操作系统、浏览器、机型信息)及适配版式建议,根据这些信息在站点服务器上实施跳转进而完成自主适配。

生效情况:

不仅限于百度移动搜索,当用户通过手动输入网址,或者通过其他移动搜索引擎、导航站等渠道访问站点时,适配同样有效。

继续阅读→

百度关于PC站与手机站适配

1,跳转适配

在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址,我们建议您使用以下注释:

在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。

在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。

例如,假设pc版网址为http://example.com/page-1,且对应的移动版网址为 http://m.example.com/page-1,那么此示例中的注释如下所示:

在pc版网页(http://www.example.com/page-1) 上,添加:

<link rel="alternate" media="only screen and(max-width: 640px)"     href="http://m.example.com/page-1" >

而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

<link rel="canonical"href="http://www.example.com/page-1" >

继续阅读→

1 2 3 4 5 68