大家在做
網站的時候,seo會是一個問題,我們可以讓用戶在瀏覽我們網站的時候協助我們seo
廢話不多說,先看一下成品是什么樣子的吧!
效果演示

作用
這個小
工具可以協助網站
優化百度 SEO,讓用戶在瀏覽我們網站的時候協助我們seo,最早是在 emlog 程序才有的,現在 WordPress 程序也是可以完美適配的
添加
教程首先把下面的代碼復制然后在 wordpress 程序的主題小工具中添加自定義 HTML代碼。
大家自行修改一下代碼里面的網站內容即可,千萬不要亂刪除。
路徑:WordPress 后臺——外觀——小工具——自定義 HTML——復制代碼粘貼代碼進去——首頁-側邊欄
代碼如下
第一步:添加小工具-自定義HTML代碼:
<div class="searchs"><div class="tit"><strong>百度一下</strong></div><mip-form method="get" url="https://www.baidu.com/s" class="mip-element mip-layout-container"><form action="https://www.baidu.com/s" method="GET" target="_blank"><input type="text" name="wd" validatetarget="q" validatetype="must" placeholder="請輸入搜索詞" value="織音博客"><div target="q">
關鍵詞不能為空</div><input type="submit" value="搜索"></form></mip-form></div>
第二步:在模板的自定義CSS樣式中添加如下代碼:
/*百度一下*/.searchs {background-color: #fff;border: 1px solid #eaeaea;padding: 15px;overflow: hidden;transition: all 0.3s;border-radius: 4px;position: relative;margin: 0px 0px 15px 0px;}.mip-layout-container, .mip-layout-fixed-height {margin: 0px 0px 0px 0px;display: block;position: relative;}mip-form form {position: relative;}.searchs input[type="text"] {border: #45B6F7 1px solid;border-radius: 4px;width: calc( 100% - 2px );}mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {padding-right: 30px;}.searchs input {outline: none;}mip-form input, mip-form textarea, mip-form select {border: 1px solid #f1f1f1;padding: 6px;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;resize: none;font-size: 16px;}mip-form div {display: none;color: #ec1f5c;font-size: 12px;text-align: left;padding: 0 10% 0 3%;}.searchs input[type="submit"] {position: absolute;right: 2px;top: 2px;background-color: #45B6F7;color: #fff;font-size: 13px;margin: 1px;height: 31px;line-height: 31px;padding: 0 10px;font-family: "èé…é‘";}mip-form input[type='submit'] {border: 1px solid #f1f1f1;border-radius: 5px;color: #333;background-color: #d8d7d7;}.searchs input {outline: none;}.tit {background-color: #FF5E52;position: relative;top: -15px;display: inline-block;color: #fff;padding: 4px 15px;font-size: 14px;}.tit strong {font-weight: normal;}.tit {background-color: #FF5E52;position: relative;top: -15px;display: inline-block;color: #fff;padding: 4px 15px;font-size: 14px;}/*百度一下*/