HP作成ガイド2 / 2
サイトをさらに良く育てるための、運用・発展ノウハウ集です。
-
サイトが遅い？ 画像の最適化
サイトの表示速度はSEOにも影響します。画像の「リサイズ」と「圧縮」の重要性を解説します。
続きを読む -
クリック率UP！「meta description」とは？
Google検索結果の「説明文」がこれ。クリック率を上げ、SEOにも間接的に影響する重要なタグです。
続きを読む -
サイトの「顔」！ファビコン(Favicon)の設定
ブラウザのタブに表示される小さなアイコン。設定は簡単です。姉妹サイトを使った作成方法もご紹介します。
続きを読む -
SNSシェアで差がつく！OGP(Open Graph)設定
LINEやXでシェアされた時に、大きな画像や正しいタイトルを表示させる「OGP」設定を解説します。
続きを読む -
訪問者を知ろう！Googleアナリティクスの導入
サイトに「誰が・いつ・どこから」来たかを分析する無料ツール。導入方法と見るべきポイントを解説します。
続きを読む -
Googleに存在を知らせる「Search Console」
Googleに「新しいサイトができました」と知らせるための必須ツール。登録方法とサイトマップ送信を解説。
続きを読む -
サイトの印象を変える「テーマカラー」の変更
サイト全体の基本色（水色など）を、CSSたった1行の変更でお好みの色に変える簡単な方法をご紹介します。
続きを読む -
【中級編】セクションをコピーして増やす方法
「このブロックをもう一つ下に増やしたい…」そんな時のための、HTMLの「かたまり」を意識したコピペ術を解説。
続きを読む -
万が一に備える！ 簡単バックアップ方法
「編集に失敗して真っ白に！」を防ぐ、一番簡単で確実なバックアップ（フォルダの丸ごとコピー）を解説します。
続きを読む -
初心者がやりがちなHTML編集ミス TOP3
「タグの閉じ忘れ」「画像のパス間違い」「全角スペース」など、表示が崩れる原因になりがちなミスを解説。
続きを読む
Web制作者向け便利ツール
Myフォームクリエイター
PHPの知識がなくても、誰でも簡単に高機能なメールフォームが作れる無料ツール。カスタマイズも自由自在です。
My Logo Creator
登録不要で本格的なロゴを無料作成。Webサイトや名刺に使えるプロ品質のSVG形式にも対応しています。
My Canvas Creator
ブラウザ上で手軽に画像を編集・加工できるツール。SNS投稿やブログのアイキャッチ作成に役立ちます。
Myカラークリエイター
Webデザインに最適な配色が見つかるツール。アクセシビリティ対応のコントラスト比チェック機能も搭載。
My OGPクリエイター
SNSシェア時の美しいプレビューカード(OGPタグ)を、ライブプレビューを見ながら簡単に作成できます。
My Faviconクリエイター
1枚の画像やイニシャルから、あらゆるデバイスに対応したファビコン一式を瞬時に自動生成します。