你是不是也遇到过这种情况?
辛辛苦苦写了一篇干货文章。
满心欢喜地发出去。
结果一看后台预览,
那个重点内容,
居然平平无奇,
混在一堆文字里。
客户或者老板看了一眼,
眉头一皱,
说:这重点不突出啊。
你心里一万只草泥马奔腾而过。
明明是你写的,
怎么就不懂呢?
其实,
问题出在你对“加粗”的理解上。
很多人第一反应就是,
选中文字,
点一下工具栏上的B。
或者Ctrl+B。
这就完了?
太天真了。
如果你用的是那种傻瓜式的可视化编辑器,
比如某些老旧的CMS系统,
或者简单的在线文本框。
你点的B,
可能生成的代码是,
也可能是。
看着没啥区别,
但在SEO眼里,
这区别大了去了。
我干了7年建站,
见过太多小白踩这个坑。
上次有个客户,
做本地服务的网站。
他特意让我把“24小时上门维修”这几个字加粗。
我给他用了标准的标签。
结果第二天,
他打电话过来,
语气很冲,
说网站打不开了。
我一看源码,
好家伙,
他为了省事,
直接在HTML里手写代码,
结果标签没闭合。
< strong>24小时上门维修
后面少了个。
整个页面的布局全乱了。
这就是不懂代码的后果。
你以为加粗就是变黑变粗?
No No No。
网页编辑字体加粗代码,
核心在于语义化。
搜索引擎爬虫,
它不懂什么叫“重要”。
它只认代码。
表示强调,
权重比高。
只是单纯的字形加粗,
没有语义。
所以,
如果你想让百度多抓取你的重点,
记住,
多用,
少用。
当然,
如果你是用WordPress这种成熟系统。
其实不用太纠结代码。
直接用编辑器自带的加粗按钮就行。
它底层会自动帮你处理成。
但如果你是在写自定义模板,
或者在改CSS样式。
那就得小心了。
千万别用font标签。
那个早过时了,
而且对SEO没好处。
我有个徒弟,
刚入行那会儿,
特别执着于用CSS的font-weight: bold。
觉得这样更灵活。
没错,
视觉上确实灵活。
但是,
如果过度使用,
页面加载速度会受影响。
而且,
对于屏幕阅读器来说,
它无法识别CSS加粗的语义。
这就等于你喊破了喉咙,
视障用户也听不见你的重点。
所以,
真正的网页编辑字体加粗代码,
应该是HTML语义和CSS样式的完美结合。
比如,
你可以给文字加一个class,
然后在CSS里定义加粗。
这样既保持了语义,
又方便统一修改样式。
这是我这些年总结出来的经验。
别一听代码就头大。
其实就那几个标签,
背下来就行。
和是重点。
是斜体强调,
是加粗强调。
这两个配合使用,
效果拔群。
比如,
紧急通知。
既加粗又斜体,
视觉冲击力极强。
当然,
也不要滥用。
一篇文章,
加粗的地方别超过3处。
多了就没重点了,
就像满篇都是重点,
等于没重点。
这点很多新手都犯迷糊。
总觉得字越多越好。
其实,
留白也是一种艺术。
好了,
说了这么多,
如果你还在为网页编辑字体加粗代码头疼。
或者你的网站改版,
不知道该怎么优化排版。
别自己瞎琢磨了。
容易把网站搞崩。
找我聊聊。
我不一定非要给你做站,
但帮你看看代码,
指出几个关键问题,
还是没问题的。
毕竟,
帮人解决问题,
也是我的乐趣之一。
哪怕你只是问一句,
这个标签该怎么写。
我也乐意回答。
毕竟,
独乐乐不如众乐乐嘛。
对了,
刚才说到那个徒弟,
他现在已经是资深前端了。
经常请我喝酒。
所以,
学技术,
真的不能怕麻烦。
多问,
多试,
多总结。
这才是正道。
希望这篇文章,
能帮到你。
如果觉得有用,
记得转发给身边做网站的朋友。
说不定,
能帮他们省下不少加班时间呢。
咱们下期见。