google検索でサイト内検索を行う

サイトの紹介と使い方動画


created: 2021/08/29 modified: 2021/09/14

初めに

①Google検索を使ってサイト内検索を行います。

HTMLコード

<form method="get" action="http://www.google.co.jp/search" target="_blank">
  <input type="hidden" name="sitesearch" value="aidendo-pilot.com">
  <input type="text" class="my-search-box" name="q" placeholder="keywords" value="">
  <button type="submit" class="my-search-btn">Search</button>
</form>

①<form method="get" action="http://www.google.co.jp/search" target="_blank">
method="get":この内容で固定です。
action="http://www.google.co.jp/search":この内容で固定です。
target="_blank":検索した記事一覧を別タブで開きます。
②<input type="hidden" name="sitesearch" value="aidendo-pilot.com">
type="hidden":画面にINPUT BOXを表示しません。固定値を送信するとき、使います。
name="sitesearch":この内容で固定です。
value="aidendo-pilot.com":検索させたいURLです。基本的に自分のドメインになると思います。
③<input type="text" class="my-search-box" name="q" placeholder="keywords" value="">
type="text":この内容で固定です。
class="my-search-box":CSSのクラス名です。
name="q":この内容で固定です。
placeholder="keywords":INPUT BOXに表示する内容です。例えば"keywords"にします。
value="":入力値を念のため空白に初期化します。
④<button type="submit" class="my-search-btn">Search</button> </form>
type="submit":この内容で固定です。
class="my-search-btn":CSSのクラス名です。
Search:ボタンの中に表示する文字列です。

CSS

CSSのクラスはgoogle検索でサイト内検索を行う時のCSSを参照してください。

メールアドレス:

お問合せ・御要望

  • お問合せ
  • トップへ戻る
    タイトルとURLをコピーしました