
## 前提
私はGitHub Pagesで[Jekyll/minima](https://github.com/jekyll/minima)を利用しているので、同様な構成な方に向けた記事です。

## サイトマップを作成
jekyllのプラグインを利用してサイトマップを作成するため `_config.yml` に以下を記述。
```yml
plugins:
- jekyll-sitemap
```

作成されたサイトマップは以下のURLで確認できる。

`https://{ユーザー名}.github.io/sitemap.xml`


## gtag(Google analytics)を埋め込む
Google analyticsを仕込んでいることが前提になっているようなので、事前に設定を済ます。

私のようにGitHub Pagesで[Jekyll/minima](https://github.com/jekyll/minima)を利用している場合
`_config.yml` に以下のような記述をする。
```yml
google_analytics: G-WXXXXXXXXX
```

## Google Search Consoleにアクセス
[https://search.google.com/search-console](https://search.google.com/search-console)にアクセスする。



サーチコンソールのロゴ下のメニューをクリックし、開いたメニューの中から「プロパティ追加」をクリック。
![俯瞰図](https://i.gyazo.com/dce2b95d46361ad38e873d5e5e9e9291.png)



URLプレフィックスで自身のページ（`https://{ユーザー名}.github.io`）を入力。続行をクリック。
![追加画面](https://i.gyazo.com/2d834c38eedd04d1d42663f7dcc4a1c0.png)



登録直後の画面
![登録直後](https://i.gyazo.com/c3ccc8921cac92ce03d4964cc6a78e84.png)



### サイトマップを登録
左側のメニューから、「インデックス」->「サイトマップ」をクリックする
サイトマップを送信する。
![サイトマップ登録](https://i.gyazo.com/e987cfaa2328b58a5b42d9d070929f48.png)



サイトマップ送信直後は以下のようになる。
![サイトマップ送信直後](https://i.gyazo.com/eaf2aa36d0e725c9f4a01da5ef6c833f.png)



あとは処理が完了するまで数日待ちます。

## 確認（数日後）

サマリー（検索パフォーマンス）
![数日後サマリー](https://i.gyazo.com/70fde43f72dc84263a0f662eb5c8e4af.png)

サイトマップ
![数日後サイトマップ](https://i.gyazo.com/175db4f4b7552d5169601a659b7ece4a.png)

## 注意
Google Analyticsタグの埋め込みなどは利用しているJeykllテーマによって異なる場合があります。自身の利用しているリモートテーマをしっかりと確認しましょう。

### 参考文献
- [https://netchira.github.io/blog/githubpages/SEOsono1.html](https://netchira.github.io/blog/githubpages/SEOsono1.html)
- [https://developers.google.com/search/docs/beginner/seo-starter-guide](https://developers.google.com/search/docs/beginner/seo-starter-guide)


GitHub Pages(Jeykyll)をGoogle Search Consoleに登録


## 前提
私はGitHub Pagesで[Jekyll/minima](https://github.com/jekyll/minima)を利用しているので、同様な構成な方に向けた記事です。


## favicon設定
./includes/custom-head.htmlに以下のコードを追記

```html
<link rel="icon" href="/favicon.ico">
```

用意したfaviconをルートディレクトリに配置。
![リポジトリ](https://i.gyazo.com/f1dd722b4abdecd1fa61907db9601047.png)


## 参考にしたもの
- [https://zenn.dev/pacchiy/articles/e4dcd7bd29d387](https://zenn.dev/pacchiy/articles/e4dcd7bd29d387)


jekyllでfaviconを設定


できるだけ楽をしてブログを続けるために仕方なくGitHub PagesでJekyllを使ってる人は僕以外にいることと思う。

~~今となっては古いデザインのものが多く、好みのテーマを見つけることすらめんどくさかった。それすら古さが漂う~~

せっかく見つけたテーマのうち1部分だけ気に入らない時の対処法を書く。
ちなみにテーマは[minima](https://github.com/jekyll/minima)です。

今回僕が気に入らなかったのが、footerにある「Subscribe」の文字部分。これを消したい。
![feeds削除前](https://i.gyazo.com/1c3f3779075834651e9c927a2ea096a4.png)


[minima](https://github.com/jekyll/minima)のソースコードを確認し、`/_incledes/footer.html`が気に入らなかった箇所があることを確認した。


**自身のリポジトリ**に`/_incledes/footer.html`を作成、今回はオリジナルのfooter.htmlから該当箇所を削除。

以下の画像のような状態になると思います。
![リポジトリルート](https://i.gyazo.com/aa22c02a8c6b29a6ed66c1d473d6695d.png)

いつも通りGitHubにpush。
消えたことが確認できました。
![feed削除後](https://i.gyazo.com/1d8dc36636e96098fa0bff06abe2a31f.png)


Jekyllテーマのhtmlオーバーライド


* https://github.com/jekyll/minima
* https://github.com/zivong/jekyll-theme-hydure
* https://github.com/huangyz0918/moving
* https://github.com/jekyllt/jasper
* https://github.com/joshgerdes/jekyll-uno


GitHub Pagesでズボラに使えそうなJekyllのブログ用テーマ


Github Pagesで手軽にブログを作成する際に第一候補となるであろうStatic Site Generator「Jekyll」に自作ブログ内検索を手軽に導入する方法について記述します。

![完成イメージ図](https://i.gyazo.com/9f18a04650fb3bfaef972a88a25a00f2.png)


### 準備するもの
- すでに公開設定などを済ませたJekyll製ブログ
### 手順
1. 以下に示すソースコード（./assets）をダウンロードします。

[公式GitHubリポジトリ](https://github.com/jekylltools/jekyll-tipue-search)は2017年8月23日より新規コミットがないので、以下に直接zipのリンクを掲載しています。
[ソースコード(d4b5df7).zip](https://github.com/jekylltools/jekyll-tipue-search/archive/refs/heads/master.zip)




2. 解凍し、自身のブログのソースコードにassetsフォルダの中身を丸ごとコピーします。

![image1](https://i.gyazo.com/e8456b0e9178d920970dcc32c088b62a.png)
![image2](https://i.gyazo.com/b1c5d6ca798cf6851b5b17db17b09e8e.png)

3. 利用しているテーマでheadタグを規定している部分に以下のソースコードを追記する。
   - 筆者の環境だと[minima](https://github.com/jekyll/minima)を利用しているので、`_includes/custom-head.html`が本手順の作業対象になります。

[ソース](https://github.com/jekylltools/jekyll-tipue-search)

![image3](https://i.gyazo.com/a75a11a735f7db802a1f1eaccabebad3.png)

4. 以下に示すコードを`search.html`としてコピペし、画像のように配置します。
   - [minima](https://github.com/jekyll/minima)であれば、統一感を持たせるためにファイル名`search.md`とするのが綺麗な気がするので、私は`search.md`としています。

[ソース](https://github.com/jekylltools/jekyll-tipue-search)

![image4](https://i.gyazo.com/e83c01861fea2707147a8970e8f31784.png)


5. あとは`_config.yml`をいじるなりしてヘッダー部分にパーマリンクを設置したり、CSSを少し変えてみたり、ビルド、デプロイをすれば完了です。
   - よろしければ[筆者の公開リポジトリ](https://github.com/ikmnjrd/ikmnjrd.github.io)を参考にしてみてください。

完成です。

![完成](https://i.gyazo.com/82a80325376d64d4e4560fc0b924881f.png)


Jekyllの投稿記事一覧