はてなブックマーク

サイトのドメインを変更した場合はGoogle Search Consoleのアドレス変更ツールを使うと新しいURLのインデックスをスムーズに促すことができます。サイトのドメインを変更したときのSearch Consoleの設定手順を以下にまとめました。 Google Search Consoleのアドレス変更ツールとは Google Search Consoleのアドレス変更ツールとはアドレス変更時に検索結果にその影響を最小限に抑えるための移行ツールです。 アドレスの変更通知を利用すると、現在の Google 検索の掲載順位への影響を最小限に抑えながら、新しいアドレスの新しい URL をインデックスに登録するために必要な Google での移行プロセスを管理できます。 アドレス変更ツールの使用 – Search Console ヘルプ 新ドメインをGoogle Search Console

私は普段コーディングはAtomを使っています。Atomもよいテキストエディタなのですが、今回はもう少し動作の軽いBracketsをご紹介したいと思います。HTML/CSSのちょっとした編集をしたい方におすすめの軽量なテキストエディタです。 Web制作だけでなくブログカスタマイズなどでCSSを編集するときにも使えます。特に初めてCSSを編集するという初心者のブロガーさんにおすすめです。 ブロガーにおすすめのテキストエディタ はてなブログやアメブロ、WordPressのカスタマイズをするとき、どうされていますか？そのままブラウザ上で編集しているとブラウザが落ちてしまったり、テキストエリアが狭くて編集しにくいと思います。 HTMLやCSSを編集するときはテキストエディタの使用をおすすめします。バックアップも取れますし、タグの閉じ忘れやスペルミスなどエラーが減ります。 もちろん、メモ帳でも編集でき

WordPressでブログを作成するときにおすすめのWordPressテーマをまとめました。以下でご紹介するのは実際に私がテストブログでインストールし、設定・カスタマイズしてみたWordPressテーマです。作ったテストブログも併せてご紹介しますので、実際どんな感じになるのかご参考になれば幸いです。

AdSenseホーム画面でAMP自動広告をオンにする AdSenseホーム画面>広告の設定>自動広告からAMP自動広告「: テキスト広告とディスプレイ広告のフォーマット」をオンにします。 functions.phpにコードを追加する 以下のコードをfunctions.phpに追加し、手順2・3のAMP HTMLのheadと本文に必要なコードを挿入します。 functions.php //amp-auto-ads-JS追加 add_action( 'amp_post_template_head', 'xyz_amp_add_tag_adsense_js' ); function xyz_amp_add_tag_adsense_js() { ?> <!-- AMP auto ad js --> <script async custom-element="amp-auto-ads" src="h

GoogleのSpeed Updateに絡んでAMPが話題になっています。 ページの読み込み速度をモバイル検索のランキング要因として用いる “Speed Update”（スピード アップデート）を Google は今月導入する予定です。 Speed Update は、本当に遅いページだけが影響を受けるアルゴリズムだと思われていました。 しかしながら実際には、速ければ速いほど評価が上がるアルゴリズムになっているようです。 https://www.suzukikenichi.com/blog/the-faster-you-can-make-your-pages-the-more-speed-uptate-can-take-that-into-account/ AMPとはGoogleが推奨・開発しているモバイル端末でウェブページを高速表示するためのプロジェクトです。2015年10月から立ち上がっ

「修正されてませんよ？」対策 個人的にサイト制作やブログカスタマイズをお受けすることがあります。依頼があってCSSを修正したときにクライアントさんから 「修正されてません」「前と変わってないんですけど？」「デザイン崩れてる」と言われてしまうことがあります。 これはブラウザにキャッシュが溜まっていてキャッシュをクリアせずに閲覧した場合に起こります。 こういった誤解を避けるために「必ずCtrl + F5又はCommand + Rでスーパーリロードしてから見て下さい」と言うようにしているのですが、毎回言うのもしんどいですし、一々スーパーリロードするのも手間です。 そこでJSやCSS更新時にはファイルにタイムスタンプのクエリパラメータを付け、キャッシュを読み込まれないようにすることができます。 静的なサイトであれば読み込みCSSに日付などのクエリを付ければOKです。 WordPressの子テーマの

ブログ・メディアの構築にもお手軽便利なWordPressですが、一般的なビジネスサイト・コーポレートサイトの制作にもWordPressは向いています。この記事は実際に使用された例・サンプルサイトと共に、コーポレートサイト制作にうってつけのWordPressテーマをご紹介していきます。 （基本的には私がカスタマイズで実際に使用・動作を確認し、安心して利用できたテーマをご紹介させていただきます。） WordPressで構築されたサイト例 大阪大学理学研究科・理学部 大阪大学 大学院理学研究科・理学部 大阪大学大阪大学理学研究科・理学部のサイトはWordPressで構築されています。（過去に改ざんなどの被害もあったようですが、WordPressの脆弱性をついたものかは不明。今は適切な対策が取られているようです。） Ｑ＆Ａ一覧 – 大阪大学 大学院理学研究科・理学部 阪大理学部のQ&Aははてなブッ