我的编程空间,编程开发者的网络收藏夹
学习永远不晚

如何进行HTML中的网站优化

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

如何进行HTML中的网站优化

如何进行HTML中的网站优化,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

网站head区代码规范

head区是指<head>和</head>之间的内容。

 

必须加入的标签

1.公司版权注释

<!--- The site is designed by con-edu.cn,Inc 04/2009 --->

 

2.网页显示字符集

简体中文:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

繁体中文:<meta http-equiv="Content-Type" content="text/html; charset=BIG5">

英 语:<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

 

3.作者与版权信息

<meta name="author" content="www.com-edu.cn">

<meta name="copyright" content="www.com-edu.cn,版权所有"/>

 

4.网页的css,javascript规范

<link href="style/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript"></script>

样式和脚本最好用这种方式引用,可以提高网页的信噪比。

 

5.网页标题

<title> </title>

 

Title中如何分割:

英文中,横杠“- ”确实是一些词汇之间的分隔符;

百度、腾讯,都是以下划线“_”作为分割;

Google,则是使用横杠“-”分割。

 

搜索引擎对于title索引的最大字符数是255个字符。但是一般在Google和百度所显示的标题字符,都有一个长度极限:

百度:60个字节(30个汉字)。

谷歌:66个字节(33个汉字)。

如果长度超过了搜索引擎显示的极限,那么就会被省略号所代替。

 

网页的title如果时常频繁的改变,那么搜索引擎会认为你是在作弊。

 

6.设置搜索关键词

<meta name="keywords" content=" " />

百度关键词搜索指数:http://index.baidu.com/,在这个工具里,可以看到一些常用关键词的每日搜索次数。

热门词汇,目前收索量最多的词汇。可以查看百度热词榜,http://top.baidu.com/index2.html

Google AdWords关键字工具:查询特定关键词的常见查询及扩展匹配。

KEYWRODS 关键字 最多不超过5个建议长度:小于等于100个汉字,如果使用的网页编码是UTF-8,不同关键字之间用英文“,”分隔。

 

7.网站简介

<meta name="description" content=" " />

description是描述网页内容的,因此最好是可以用一句话来概括本网页的主题内容。

description不要超过255个字符,搜索引擎索引一般都会索引Description的前255个字符,因此,这255个字符是做搜索引擎优化的关键。

如果使用的网页编码是UTF-8,那么在Description中的标点符号最好都使用英文,例如英文的逗号、句号等。如果是中文的话,那么就使用中文的标点符号即可。

 

.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅,这样有利于页面信息。

<meta http-equiv="expires" content="wed, 26 feb 2009 08:21:57 gmt">

2.禁止浏览器从本地机的缓存中调阅页面内容。

<meta http-equiv="pragma" content="no-cache">

3.用来防止别人在框架里调用你的页面。

<meta http-equiv="window-target" content="_top">

4.自动跳转。

<meta http-equiv="refresh" content="5;url=http://www.com-edu.cn">

5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

<meta name="robots" content="none">

CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 图片大小16px*16px

7.订阅RSS浏览

是一种描述和同步网站内容的格式。用户可以通过RSS阅读器订阅。

<link href=”rss.aspx” title=”新现代教育网” type=”application/rss+xml” rel=”alternte” />

 

<body>区域标签

 

关键字的放置位置:
1、网页正文内容中的关键词
正文内容必须适当出现关键词,对搜索引擎的优化起到关键的作用。一般在 1% 7% 较为合适。别把所有的关键字或关键字段堆积在一起。

文章中的小标题一定也要加粗。


2、在文章内容中增加一引起“链接”文本
增加超链接文本。就是说把文章内容中的一些词,比如:中英合作商务管理 就可以做个链接,链接到 相应的简章或开班信息等。当然最好是把关键字做超文本链接。


3、标题
即正文标题一般用<h2></h2>标签,最好和title标签的内容有关联。

 

4.把一些重要的内容做成WEB切片(IE8支持)

可以把网页中的重要内容做成这样。用户不用登陆这个网页就可看到更新的内容。

1.<body>为了保证浏览器的兼容性,必须设置页面背景<body bgcolor="#FFFFFF">

 

2.关闭所有的标签

打开的标签必须关闭,例如<p>www.gxseo.org</p>,当然还有一种关闭方式,如:<br/>

就是说一定要有结束标记。

 

3. 属性值用双引号 “” 括起来,属性一率小写

例如:<img height="60" width="760" class="lazy" data-src="images/gxseo_logo.gif"/>

 

4. 给所有的属性赋值

不正确的写法:<input &hellip;&hellip; checked />

正确的写法为:<input &hellip;&hellip; checked= "checked"/>

 

5.所有的XHTML元素及其属性名称用小写

XHTML是大小写敏感的

错误的写法为:<TITLE>www.com-edu.cn</TITLE>

标准的写法为:<title>www. com-edu.cn </title>

 

6.标签要合理嵌套

不正确的写法:<div><h2> www.com-edu.cn </div></h2>

正确的写法为:<div><h2> www.com-edu.cn </h2></div>

 

7.特殊字符用编码标识

如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

 

8.网页中图片优化

一定要加alt属性,alt属性指定了当图片不能显示的时候就显示供替换文本。 内容最好与关键词相关。

如:<img class="lazy" data-src="images/gxseo_logo.gif" alt="中英商务合作"/>

一些小图标最好用.gif格式图片,比如说箭头,文章列表前的图标等,在CSS中做成背景。

这些小图标最好做一张图片,用CSS来定位。

 

9.用结构化的元素输出内容

<ul>

<li>新现代</li>

<li>新现代</li>

<li>新现代</li>

</ul>

这样做也便于后台代码规范

或者使用

<dl>

<dt></dt>

<dd></dd>

</dl>

<h2></h2>系列标签

 

10.标签要有缩进,便于代码阅读修改。

看完上述内容,你们掌握如何进行HTML中的网站优化的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

如何进行HTML中的网站优化

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

如何进行HTML中的网站优化

如何进行HTML中的网站优化,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。网站head区代码规范head区是指和之间的内容。 必须加入的标签1.公司
2023-06-12

网站如何进行SEO优化

这篇文章将为大家详细讲解有关网站如何进行SEO优化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。  SEO方案全体框架:  竞争对手剖析: 在做SEO方案之前,先对竞争对手停止剖析,研讨,找出对手的劣势、
2023-06-10

下载类网站如何进行SEO优化

这篇文章主要讲解了“下载类网站如何进行SEO优化”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“下载类网站如何进行SEO优化”吧!  第一,提升软件下载的速度。这是网站能够吸引用户的关键,实际
2023-06-10

计算机网络中网站如何进行代码层的优化

这篇文章将为大家详细讲解有关计算机网络中网站如何进行代码层的优化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、如何在head层进行优化1、目前title在SEO中的占比已经不是非常重要了,只要选择合适
2023-06-10

seo中如何针对不同时期的网站进行优化

小编给大家分享一下seo中如何针对不同时期的网站进行优化,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一般优化网站大致分为三期:前期(新站期)、中期(引流竞争期)、后期(维护期),而这三期都是需要花费很长时间一步一步过度的
2023-06-10

如何对网站的SEO优化进行多角度分析

这篇文章主要介绍如何对网站的SEO优化进行多角度分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!  在进行seo优化的过程中,我们还要对各种情况都进行合理的分析,真正的去认识到整个网站的一些情况,这样在今后优化过程
2023-06-10

网站内部结构的优化究竟该如何进行

这篇文章给大家介绍网站内部结构的优化究竟该如何进行,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 网站结构如何优化涉及以下六个部分: 1、栏目设计 分析:网站栏目的设计,在前面市场调查和竞争对手分析时,就已经讲到,栏目
2023-06-12

网站怎么进行结构优化

小编给大家分享一下网站怎么进行结构优化,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!第一、页面结构的普通化页面结构的普通化简单来讲就是说页面要满足大多数用户的访问
2023-06-10

网站建立网页设计的时候要如何进行优化

小编给大家分享一下网站建立网页设计的时候要如何进行优化,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!  第一、不可以过去的使用外链工具千万不要太过去迷恋那些外链工
2023-06-10

phpcms如何进行缓存优化以提高网站响应速度?(phpcms中应如何进行缓存策略的优化以提升网站响应速度?)

PHPCMS提供多种缓存机制来提升网站响应速度,包括文件缓存、数据库缓存、Memcached缓存、Redis缓存、页面缓存、Minify优化和CDN缓存。这些策略减少服务器负载,加快页面加载,从而提升用户体验。此外,优化数据库查询、使用CDN、启用GZIP压缩和优化服务器配置等技巧也能进一步提升响应速度。
phpcms如何进行缓存优化以提高网站响应速度?(phpcms中应如何进行缓存策略的优化以提升网站响应速度?)
2024-04-02

Centos7运用/dev/shm进行网站优化

/dev/shm目录不在磁盘上,而是在内存里,因此使用linux /dev/shm/的效率非常高,直接写进内存. 查看/dev/shm的大小df -h修改/dev/shm的大小,默认为内存的一半vim /etc/fstab末尾添加tmps
2022-06-04

怎么利用优化JS代码来进行网站优化

怎么利用优化JS代码来进行网站优化,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。现在优化JS代码也是我们在进行网站优化时经常使用的手段,js在数据传输,用户交互以及增进页面
2023-06-07

如何进行SEO优化

这篇文章将为大家详细讲解有关如何进行SEO优化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。SEO方案包括:1、网站SEO诊断先要给网站进行一个系统的SEO诊断,看看这个网站目前的优化情况到底是什么情况的
2023-06-10

sql如何进行优化

如何优化 sql 查询优化 SQL 查询的步骤:1. 分析查询找出需要优化的高耗时查询。使用 EXPLAIN 命令来查看查询执行计划。识别查询中的瓶颈,例如表扫描、索引扫描或子查询。2. 优化表结构确保表的列数据类型与实际数据匹配。
sql如何进行优化
2024-06-21

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录