如何制作HTML静态页面，并提交给搜索引擎收录？

让自己网站的功能更全面。在此，笔者介绍一种使用ASP建立自己的搜索引擎的方法。

基本思路 利用表单将用户提交的搜索关键字存储在变量中，并提交给ASP脚本处理。利用ASP内建的“REQUEST”对象获取变量中的关键字符，随后用“RESPONSE”的“REDIRECT”函数将关键字符转向提交到其他的诸如搜狐、网易等专业搜索引擎中，即可得出搜索结果。使得访客在自己的主页上就可方便地使用各大搜索引擎，无需登录其主页面。

第一步 创建搜索引擎的主页面。在HTML文件

的＜ body＞和＜ /body＞之间加入代码如下：

＜ form name="form1" method="post" action="search.asp"＞

＜ div align="center"＞请选择您喜欢的搜索引擎＜ br＞＜ br＞

＜ select name="select" size="1"＞

＜ option＞搜狐＜ /option＞

＜ option＞新浪(北京站)＜ /option＞

＜ option＞网易＜ /option＞

＜ /select＞＜ br＞＜ br＞

请键入您要查询的关键字＜ br＞

＜ input type="text" name="textfield"＞

＜ br＞＜ br＞

＜ input type="submit" name="Submit" style="color:#CC0033background-color:#fffffffont-size:9ptborder:#CC0033 1px solidheight:18px"value="搜 索"＞

＜ /form＞

在此，我们提供了搜狐、新浪、网易3种搜索引擎供用户选择，用户键入关键字串后，表单将请求提交到后台的 search.asp 处理。

第二步 编写后台的ASP程序。在HTML文件的＜ body＞和＜ /body＞之间加入下列代码：

＜ % if request.form("select")="搜狐" then response.redirect("

sitesearch.jsp?key_word="&&request.form("textfield")) end if

if request.form("select")="新浪（北京站）" then response.redirect("

sitesearch.jsp?key_word="&&request.form("textfield")) end if

if request.form("select")="网易" then response.redirect(""&&request.form("textfield")) end if

%＞

在实现提交搜索字串到其他搜索引擎时，很关键的一点就是要明白这些搜索引擎所使用的查询格式。如搜狐用的就是“”搜索字串 。我们只需平时在使用这些搜索引擎时注意一下，给出搜索结果时把IE地址栏中的地址记录下来分析，去掉后面的诸如“%C1%F5%……”字符(这是我们提交的搜索字串转换成的字符)，即可得到查询格式。

另外，很多搜索引擎使用了分类查找。可细分为“网站”、“网页”、“新闻”等类别，每一种类的查询格式均不相同，读者可以使用更多的IF语句建立选择项，实现同一搜索引擎内搜索种类的细分。

同理，我们还可把这个程序进行扩充，把其他的搜索引擎加入，使其功能更为强大。

一：html代码头部即head标签的seo设置。

1：<meta charset=”UTF-8″>：指明网站编码。

2：<title>SEO教程自学网_网站SEO优化教程学习『武汉小明SEO』</title>：网站标题设置，标题里面的语句字字千金，需着重把握。

3：<meta name=”description” content=”SEO教程自学网,解答seo是什么,武汉小明专业研究搜索引擎优化,致力网站SEO优化教程学习以及seo技术教程培训,提供自学seo视频教程免费观看。” />：网站描述设置，描述也能影响目标关键词排名。

4：

<meta http-equiv=”Cache-Control” content=”no-transform” />

<meta http-equiv=”Cache-Control” content=”no-siteapp” />

<meta name=”applicable-device” content=”pc,mobile”>

<meta name=”MobileOptimized” content=”width”/>

<meta name=”HandheldFriendly” content=”true”/>

移动禁止转码声明。

5：<script src=”//msite.baidu.com/sdk/c.js?appid=1567888488359210″></script>：百度熊掌号ID声明。现目前熊掌号是大势所趋，很有必要。

6：<link rel=”canonical” href=”http://www.xminseo.com”/>：百度明文规定支持的一种标签，目的是给搜索引擎传达信息：来抓取网站管理者想要呈现的重要内容。

7：其他方面的设置，如301重定向，404页面等。

二：html代码其余部分进行seo设置。

1：<h1><span class=”yusi-mono”>SEO教程自学网</span></h1>。

h1标签是权重标签，建议一个页面使用一次即可。

2：<strong class=”text-success”></strong>。

个人认为，strong标签有强调作用，比B标签效用更好。

3：

<a target=”_blank” href=”https://www.xminseo.com/2390.html” title=”seo经验案例分享”><img src=”https://www.xminseo.com/wp-content/uploads/2017/09/2-2.png” title=”seo经验案例分享” alt=”seo经验案例分享” /></a>。

图片必须添加alt标签，搜索引擎根据alt标签中的内容来识别图片。

4：

<script type=”application/ld+json”>

{

“@context”: “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”,

“@id”: “https://www.xminseo.com/2747.html”,

“title”:”有关Canonical标签的一些说明”,

“images”: [

“https://www.xminseo.com/wp-content/uploads/2017/10/1-10.jpg” ],

“description”: “&nbsp 如果网站中有大量网址形式不同而内容相同的页面，那么从网站seo优化的角度来看，是有问题的。不同的网址都可以访问同样内容的页面，会给有可能引起搜索引擎的误判。Canonical标签的出现，”,

“pubDate”: “2017-10-22T12:57:35”,

“isOriginal”: “0”

}

</script>

熊掌号页面改造代码，经过相关代码设置，能让页面符合熊掌号规范。

5：

<script>

(function(){

var bp = document.createElement(‘script’)

var curProtocol = window.location.protocol.split(‘:’)[0]

if (curProtocol === ‘https’) {

bp.src = ‘https://zz.bdstatic.com/linksubmit/push.js’

}

else {

bp.src = ‘http://push.zhanzhang.baidu.com/push.js’

}

var s = document.getElementsByTagName(“script”)[0]

s.parentNode.insertBefore(bp, s)

})()

</script>

主动推送相关代码，借助用户行为，点击之后自动推送给百度搜索引擎。

---