GOOGLE优化网页代码

1、网页html代码优化需要了解:

标题代码:<h1>-<h7>,其中<h1>的权重最大,依次类推,通常网站标题或文章大标题用h1标注。
强调标签用<em>;重点高调标签用<b>和<strong>,<strong>是加重语气标签<b>是粗体标签。
2、超级链接需要规范化

链接对于网页来说是非常重要的,但是超级链接需要规范。

超级链接要统一,不能一会用绝对路径,一会又用相对路径,例如:老吧网的首页链接在后台程序可以写成:<a href="index.asp">老吧博客</a>也可以写成<a href="http://www.lao8.org/index.asp">老吧博客</a> 虽然这两种方式都可以链接到老吧的博客首页,但是对于搜索引擎来说是有差别的,这样势必造成了2个重复的页面,对于我们的博客收录的排名是不利的。
超级链接地址的大小写要统一,对于Google来说 http://www.lao8.org/user/8/seo/http://www.lao8.org/user/8/SEO/ 同样是两个不同的页面。
链接到网站某个文件夹的地址要规范:http://www.lao8.org/user/8/seo/http://www.lao8.org/user/8/seo 虽然少了最后的“/”,对于搜索引擎来说同样表现为2个不同的网页。
3、网页中除了必要的导航,尽量突出站点的重要内容,非重点辅助内容可以采用搜索引擎无法识别的技术来调用者,比如框架和js等。

4、页面代码一定要完整,假如你的网页代码中<body>标签没写,虽然网页可以正常显示,但是有可能搜索引擎就无法正确判断页面内容而放弃收录,尽可能多的避免这种基础错误。

5、网页中重要的内容要放在网页前面,以便于搜索引擎很容易抓取关键信息。

6、能用尽量用div+css布局,初次学习div+css可以用dreamweaver cs3自带的模板页面辅助学习。


建议适当采用DIV+CSS的方式,大量的运用表格会使网页的代码混乱并且浏览速度下降,DIV+CSS方式可将内容与布局分离使代码更加清晰,当然表格也不能被完全舍弃,因为一些网页特效还是要依赖表格元素

 

DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

 

虽然不是我写的,但是我重大量信息中摘抄过来还是受益匪浅~明白自己不懂的地方还真多,所以上课要好好学习,认真听课.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在nuxt.config.js中,可以通过配置head属性来优化网页源代码排版,具体步骤如下: 1. 在nuxt.config.js中添加head属性: ```javascript module.exports = { head: { // 页面标题 title: 'My Website', // 页面meta标签 meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: 'My website description' } ], // 页面link标签 link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ] } } ``` 2. 在meta标签中添加keywords属性,用于设置页面关键词: ```javascript meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: 'My website description' }, { hid: 'keywords', name: 'keywords', content: 'website, nuxt, vue, optimization' } ], ``` 3. 在link标签中添加预加载属性,用于提高页面加载速度: ```javascript link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: 'preload', as: 'style', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap' } ] ``` 4. 在link标签中添加dns-prefetch属性,用于预解析页面中的域名: ```javascript link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: 'preload', as: 'style', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap' }, { rel: 'dns-prefetch', href: 'https://api.example.com' } ] ``` 通过以上配置,可以优化网页源代码排版,提高页面加载速度和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值