サイトの更新状況ですー！

ここには個人的な実装や更新の履歴を書いておきます。 特に読む必要はございません。

サイトの作り方

某サービスを利用しております。内容からどのサービスかは分かると思いますけど、自分なりの作成履歴を記載しておきたいと思います。

更新状況とは言いつつサイト実装状況となっており、コンテンツ(天華百剣-斬-など)の更新は現状として手が回っておりません・・。

と言いつつこっそり記事の更新＆カスタムしてます！←

やったこと

やったことはサイトやブログなどで良く目にするタイプのものです。

それぞれ調べると素敵な説明サイトが出てきます。

ここから下が履歴と作り方になります

サイトを作成

難易度ややる気は人それぞれですし、お好きなサービスからサイト作りはどうぞ！
独自ドメインや広告が張れるものが後々助かるかも？

メモ記事を限定公開

限定のメモサイトとして運用開始。見出し、画像などはまったく考慮してないです・・・。 特化型サイトが楽なので運用方針は特化させます。

有料版に移行

スマホ版が使いにくくて思い切って有料版に！

ドメインを取得

ついでにドメインも取得しました

テーマを変更

人気のありそうなテーマからレイアウトの好みでお試し設定。後からでも変えられますけど、、、いろいろ設定してからは大変かも。テーマのCSSに合わせてカスタムするので、新しく変更した際は同じ設定にするのに一工夫必要なことも。

※カスタムCSSと背景画像など意外は変わりませんのでその辺弄ってない人は気楽に変更するです笑

レスポンシブデザインの使用判断

これを使うとスマホ用とPC用を意識しなくても記事をかける優れもの！こっちは後からでも切り替えできそうなので、今回はPCとスマホで別々実装です！！！

画面サイズ？で判断する記載をすることで実装できるから別々はちょっと古いかも。 気分でレスポンシブとスマホモードを切り替え可能なサイトにしてみたく・・・。

表示される情報の整理：PC版

特に必要ないと思った情報は全て非表示です！

表示される情報の整理：スマホ版

特に必要ないと思った情報は全て非表示です！

コピーライトの記載：PC版

今後サイトを公開しますので合わせて記載します。 日本国内では法的には守られているのですが、国外向けも含めて措置としては良いと思います。

コピーライトの記載：スマホ版

こっちもPC版と合わせて記載しました。

公開URLの変更

アクセス解析とかもできるそうなので、適当なURLだと内容が分からないのでURLを分かりやすく変更します。記事を書いていないと気楽なのですが既に書いてたので全部修正です！！！ メニューバーなどを実装するとリンクを付けるのでURLのカスタムしておかないと後で大変な思いをします・・・。

私は平行作業でメニューバー実装もしてたのでとても億劫になります笑

ある程度分かりやすいURLだと紹介もしやすいので個人的にはマストです！！！！！

まだ記事を書いていない人は記事を公開する際はカスタムURLにすることを覚えておくのです＞＜

⇒全部設定完了です。今後はカスタムURLで運用しますぅ

fontawesomeの実装

分かりやすく言うと使いやすいスタンプというかマークみたいなものです。

見出しとかボタンとか作った際に合わせて使うと分かりやすいの。 手紙マークだからこれはメールだ！みたいな笑

PC用にメニューバーを追加

カテゴリーにリストが付くタイプにしました！

スマホ用にトップメニューバーと固定ボトムメニューを追加

こちらは実装に四苦八苦しております・・・。 簡単コピペ！みたいなサイトから持ってきたので実装は簡単でした。自分なりのカスタマイズに四苦八苦なのです！

リンク系にしてメニュー表示みたいなのは気が向いたら実装する方針にします。 一部できてるけど応用できる理解レベルではないのです・・・。

※注意事項としては後で実装する際は戻せるようにバックアップ？を取る習慣を取っておいたほうが良いです。やっぱり戻そう！ってできなくなるのは大変です笑

とりあえず実装してみました！

見だし調整：PC版

なぜかfontawesomeが上手く機能しないのです・・・。h5はスマホ版と違う実装にしてちょっと調整しました。

見だし調整：スマホ版

fontawesomeが動いたので比較的実装は容易でした♪

コンテンツの更新：天華百剣-斬-

見出しを付けて内容も更新できました！

後は個別に不足があるので見つけたら更新します♪

サイトの公開範囲を修正

限定公開にしていたので全体公開にしました

forms&policy追加済み

グーグルアナリクスの設定

公開したので使ってみます

グーグルサーチコンソールの設定

サイトマップの設定が上手くいかないです・・・公開直後だから？

様子見です！！！(「取得できませんでした」状態４日目ですが、噂では１週間とか掛かることもあるみたいで...毎日送りつつ「成功しました」に変わることを確認します)

→１つ「成功しました」になりました。ページが格納されていませんがここでページが格納されると検索などで表示が開始される？みたいです。

サーチコンソールは旧バージョン情報が検索で引っかかることもあるので画面構成の違いに注意です(新バージョンに対応した情報が出るのは2019/3/28以降から増えていくと思います)

→検索に出てくるようになりましたので一段落です♪

グーグルアナリクスとサーチコンソールの統合

統合することで外部からの検索状況と内部のアクセス状況をまとめて管理しやすくなります

ページの投稿時間と更新時間を表示できるようにする

デフォルトだといつ更新したか分からないので時間を表示できるようにします。

画像設定

画像はURLと紐づける必要がありますのでどのサービスから画像を引っ張るかを考える必要があります

①使うアップロード先を決める(移行も含めて考慮しておくと楽かも)

②画像名を具体的に設定

③画像を表示しない設定対策にalt属性(画像の説明文みたいなもの)を設定

④ローカルでも画像フォルダを作って整理する

※現時点で画像は使っていないのですがヘッダー画像などを追加していくので考慮しておく必要があり

→暫定的に既存サービスを使う予定です。①～③の設定が上手くできないタイプだった場合は外部サービス(いろいろあるみたい)を利用します。

グーグルアドセンスの取得

せっかくなので？取得してみようと思います♪

(有料サービスを使っているので私は運営費回収を図りますが利用の判断は任せます。運営していくうえで利点が増えたほうが更新する上でやる気が増えますので個人的には何かしら導入するのはお勧めです)

→問題発覚。設定されたサブドメインでは登録できなかったのでwwwに変更します。恐らく既にインデックスされているので大変なことになりますが気にせず変更作業をしていきます。

→301リダイレクト用にサーバを用意することができなかったために別ブログに旧URL関連付けを行い非公開と新規URLに行くようなエラー文章を設置しました。

→サブドメイン(www)なしでも繋がるようにドメイン側でリダイレクト設定をしましたが想定した動作をしないのです・・・。ダメそうなら解除します。

→申請済み(グーグル側に情報を提供する必要がありますのでその点が可能な人は申請しましょう)

→アドセンス合格してたですー！！！！！申請から10日？で合格。広告張り張りと更新頑張るです笑

広告の設置

これはサイト作成する人だと基本だと思いますが、記事上(私は目次の下に設定)と記事下とサイドバーの３か所に広告は設置しました。

思案中の内容

サイドバーの表示エリアがもったいないのでサイドバーが一部画面固定されるように設定するべきかも。

サイトに可愛さが足りないのでそこを補う案を模索中なの。その辺と合わせて広告設置は落ち着くと思うー。フッターにもメニューを付けるかメニューを固定するかも迷いますけども・・・。

アドセンス維持するための基本的な運用方針とか対策系もどこかで盛り込んだほうが無難かしら。

テーマ変更の検討

テーマの選び方が見えてきました

記事サイズは700px以上、文字フォントサイズ16以上ですね。

広告を並べて張ってみたくなるのですが、そのときに700pxは欲しい。

フォントサイズはグーグルが見やすいと推奨してくれてる、16以上は欲しい。

今からテーマを変える！と言うことを検討中です。

テーマのカスタマイズしたいけど・・・下手に数値弄るとレイアウト崩れたの。

後で見返しにくいから最初から設計が無難なやつがお勧めですー。

不正クリック対策

もしかしたら狙われることもあるようなので大事だそうです。

ワードプレスを使ってる場合は防止プラグインがあるみたいですね。

念を入れて異常なクリックを検知するところから開始すると良いみたいです。

と言っても基本的にはグーグルさんが無効にしてくれるらしいですが！笑

サイトやブログにアドセンスを利用する方は日々の確認くらいはしていきましょう。

利用状況なども合わせて見えてきますので新規の記事を書いたりアドセンスを設置する上で参考になります。

今後更新方針(状況により変更)

サイトとしてはある程度はできたので定期更新ページを定める

①巫剣情報

②巫剣の剣技値

③コラボ情報

上記の３つについては更新を続ける方針です。

システム的に大きな変更があった場合は別途記事作成予定です。