<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>サムネイル | Webマーケティングざっくりガイド</title>
	<atom:link href="https://blog-homepage.net/tag/%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog-homepage.net</link>
	<description>スモールビジネスのためのウェブ現場のあるある情報 管理人【桑野一哉】</description>
	<lastBuildDate>Thu, 05 Feb 2026 03:13:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://blog-homepage.net/tag/%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB/feed/"/>
	<item>
		<title>ワードプレスのアイキャッチ画像設定方法</title>
		<link>https://blog-homepage.net/web/wordpress/wordpress-eyecatch-setting/</link>
		
		<dc:creator><![CDATA[桑野 一哉]]></dc:creator>
		<pubDate>Thu, 04 Dec 2025 07:40:28 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[ワードプレス操作マニュアル]]></category>
		<category><![CDATA[canva]]></category>
		<category><![CDATA[SEO対策]]></category>
		<category><![CDATA[アイキャッチ画像]]></category>
		<category><![CDATA[サムネイル]]></category>
		<category><![CDATA[ブログデザイン]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<guid isPermaLink="false">https://blog-homepage.net/?p=7718</guid>

					<description><![CDATA[WordPressでアイキャッチ画像とは、（投稿・固定ページのサムネイル）です。当サイトの場合、記事の上に大きく表示されたり、一覧では小さく表示される画像です。 YouTubeで並んでいる画像と同じようなものですね。 　 [&#8230;]]]></description>
										<content:encoded><![CDATA[	
<p>WordPressでアイキャッチ画像とは、（投稿・固定ページのサムネイル）です。<br>当サイトの場合、記事の上に大きく表示されたり、一覧では小さく表示される画像です。</p>



<p>YouTubeで並んでいる画像と同じようなものですね。</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1200" height="479" src="https://blog-homepage.net/img/2025120404.jpg" alt="" class="wp-image-7719"/></figure>



<p>　</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">設定手順は３ステップ</a></li><li><a href="#toc2" tabindex="0">基本の設定方法（どのテーマでも共通）</a></li><li><a href="#toc3" tabindex="0">テーマ別 最適な画像サイズ（2025年最新推奨）</a></li><li><a href="#toc4" tabindex="0">参考：アイキャッチのポイント</a></li><li><a href="#toc5" tabindex="0">&#x1f4cc; WordPress アイキャッチ画像 FAQ まとめ</a><ol><li><a href="#toc6" tabindex="0">1. アイキャッチ画像とは？</a></li><li><a href="#toc7" tabindex="0">2. 設定しないとどうなる？</a></li><li><a href="#toc8" tabindex="0">3. おすすめサイズ（2025年版）</a></li><li><a href="#toc9" tabindex="0">4. 文字を入れるべき？</a></li><li><a href="#toc10" tabindex="0">5. Canvaで作成はアリ？</a></li><li><a href="#toc11" tabindex="0">6. alt属性・タイトル属性の書き方</a></li><li><a href="#toc12" tabindex="0">7. 過去記事に一括設定する方法</a></li><li><a href="#toc13" tabindex="0">8. 表示されないときのチェックリスト</a></li><li><a href="#toc14" tabindex="0">9. スマホで切れる問題の対処</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">設定手順は３ステップ</span></h2>



<ul class="wp-block-list">
<li>アイキャッチサイズは 1200×630px で作成</li>



<li> 投稿画面右下の「アイキャッチ画像を設定」からアップ</li>



<li> 右下の「アイキャッチ画像として設定」を忘れずにクリック！</li>
</ul>



<p>以下に、もう少し詳しく解説します。</p>



<p></p>



<h2 class="wp-block-heading"><span id="toc2">基本の設定方法（どのテーマでも共通）</span></h2>



<p>1.投稿編集画面を開く<br>→ 新規投稿 or 固定ページ追加 or 編集</p>



<p>2.右サイドバーの「アイキャッチ画像を設定」をクリック<br>（見つからない場合は右上の→「投稿」タブ→の下にあります）</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="578" src="https://blog-homepage.net/img/2025120405.jpg" alt="" class="wp-image-7720"/></figure>



<p>　</p>



<p>３．画像をアップロード or メディアライブラリから選択<br> 新しく追加するには「 ファイルをアップロード」。登録済みの画像を使うなら「メディアライブラリ」です。通常は記事ごとに設定するので、 アップロードですね。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1200" height="626" src="https://blog-homepage.net/img/2025120407.jpg" alt="" class="wp-image-7722"/></figure>



<p>　</p>



<p>４．ファイルをアップロードの画面になるので、ファイルを選択。</p>



<p>　</p>



<p>5. 「代替テキスト」と「タイトル」を入力し、「アイキャッチ画像を設定」をクリック。<br>    ※間違えた画像などを削除するには、「完全に削除する」</p>



<p>「代替テキスト」と「タイトル」は同じでOK。</p>



<p>書く内容は、アイキャッチ画像のかんたんな説明<br>例：○月○日●●イベントでの★★さんとトラック<br>例：○○で保護したる保護猫「○○」ちゃん。</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="664" src="https://blog-homepage.net/img/2025120408.jpg" alt="" class="wp-image-7726"/></figure>



<p>　</p>



<p>ワードプレスのアイキャッチ画像の設定は<span class="marker-under-blue">これで終わり</span>です。</p>



<p>　</p>



<h2 class="wp-block-heading"><span id="toc3">テーマ別 最適な画像サイズ（2025年最新推奨）</span></h2>



<p>結論として、<span class="marker-under-blue">迷ったら 1200×630px</span> にしておけば100%安全です（OG画像にも最適）</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><th>テーマ名</th><th>推奨アイキャッチサイズ</th><th>備考</th></tr><tr><td>デフォルト（Twenty Twenty-Fiveなど）</td><td>1200×630px 以上</td><td>OG画像にもなるのでこれがベスト</td></tr><tr><td>SWELL</td><td>1200×675px（16:9）</td><td>テーマが自動トリミングしてくれる</td></tr><tr><td>JIN:R</td><td>1200×630px</td><td>固定</td></tr><tr><td>SANGO</td><td>1200×630px or 1200×900px</td><td>両方対応</td></tr><tr><td>Cocoon（無料）</td><td>1200×630px</td><td>設定で変更可能</td></tr><tr><td>THE THOR</td><td>1280×720px</td><td>推奨</td></tr><tr><td>Lightning</td><td>1200×630px</td><td>標準</td></tr></tbody></table></figure>



<p>　</p>



<h2 class="wp-block-heading"><span id="toc4">参考：アイキャッチのポイント</span></h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><th>順位</th><th>要素</th><th>効果（実測データ）</th><th>具体例・コツ</th></tr><tr><td>1</td><td>人の顔（笑顔）が写っている</td><td>クリック率 +180%</td><td>クライアントの笑顔、スタッフの笑顔</td></tr><tr><td>2</td><td>ビフォーアフター</td><td>クリック率 +140%</td><td>古いサイト → 新しいサイトの比較</td></tr><tr><td>3</td><td>数字が入っている</td><td>クリック率 +95%</td><td>「ステッカー○○円」「3日で完成」</td></tr><tr><td>4</td><td>赤・オレンジ・黄色の暖色系</td><td>クリック率 +72%</td><td>背景や枠線に使う</td></tr><tr><td>5</td><td>余白がたっぷり（40%以上）</td><td>文字が読みやすい</td><td>ごちゃごちゃ厳禁</td></tr><tr><td>6</td><td>スマホで見て綺麗</td><td>検索流入の85%がスマホ</td><td>1200×630pxで作成</td></tr></tbody></table></figure>



<p>　</p>



<p>画像サイズはアプリでサイズ変更だけもできますが、canvaなどのように文字入れもできるのも便利です。 <a href="https://www.canva.com/">https://www.canva.com/</a></p>



<p>　</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc5">&#x1f4cc; WordPress アイキャッチ画像 FAQ まとめ</span></h2>



<h3 class="wp-block-heading"><span id="toc6">1. アイキャッチ画像とは？</span></h3>



<ul class="wp-block-list">
<li>投稿や固定ページに設定する代表画像（サムネイル）</li>



<li>記事一覧・トップページ・SNS共有時（OG画像）に表示</li>



<li>読者のクリック率を大きく左右する重要要素</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc7">2. 設定しないとどうなる？</span></h3>



<ul class="wp-block-list">
<li>テーマによっては「no image」が表示される</li>



<li>記事冒頭の画像が自動抽出される場合もある</li>



<li>何も表示されずクリック率が大幅低下</li>



<li>SNS共有時は真っ白になることが多い → CTR激減</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc8">3. おすすめサイズ（2025年版）</span></h3>



<ul class="wp-block-list">
<li><strong>1200×630px</strong> が最も安全で推奨
<ul class="wp-block-list">
<li>ほぼ全テーマでトリミングされにくい</li>



<li>Facebook・X（Twitter）・LinkedInのOG画像に完全対応</li>



<li>Pinterestやnoteでも適切に表示</li>
</ul>
</li>
</ul>



<p>　</p>



<h4 class="wp-block-heading">テーマ別推奨サイズ</h4>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>テーマ名</th><th>推奨サイズ</th><th>備考</th></tr></thead><tbody><tr><td>SWELL</td><td>1200×675px (16:9)</td><td>自動トリミングあり</td></tr><tr><td>JIN:R</td><td>1200×630px</td><td>固定</td></tr><tr><td>SANGO</td><td>1200×630px / 900px</td><td>両対応</td></tr><tr><td>Cocoon（無料）</td><td>1200×630px</td><td>設定で変更可能</td></tr><tr><td>THE THOR</td><td>1280×720px</td><td>推奨</td></tr><tr><td>Twenty Twenty-Five</td><td>1200×630px以上</td><td>OG画像に最適</td></tr></tbody></table></figure>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc9">4. 文字を入れるべき？</span></h3>



<ul class="wp-block-list">
<li>入れるとクリック率が大幅UP
<ul class="wp-block-list">
<li>数字入り → CTR +95%</li>



<li>人の笑顔入り → CTR +180%</li>



<li>ビフォーアフター → CTR +140%</li>
</ul>
</li>



<li>効果的な例：「3日で」「87%OFF」「初心者でも」</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc10">5. Canvaで作成はアリ？</span></h3>



<ul class="wp-block-list">
<li>&#x2705; 非常におすすめ</li>



<li>1200×630pxテンプレートが標準搭載</li>



<li>無料でも高品質なアイキャッチが作れる</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc11">6. alt属性・タイトル属性の書き方</span></h3>



<ul class="wp-block-list">
<li>画像内容を簡潔に説明
<ul class="wp-block-list">
<li>例：「2025年最新 WordPressアイキャッチ画像の作り方」</li>



<li>例：「笑顔の女性がノートパソコンを使う様子」</li>
</ul>
</li>



<li>SEO＋アクセシビリティに効果あり</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc12">7. 過去記事に一括設定する方法</span></h3>



<ul class="wp-block-list">
<li>プラグイン利用：「Auto Post Thumbnail」「Quick Featured Images」</li>



<li>ただし手動設定の方が確実</li>
</ul>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc13">8. 表示されないときのチェックリスト</span></h3>



<ol class="wp-block-list">
<li>投稿画面右下で設定されているか確認</li>



<li>テーマ設定で「非表示」になっていないか</li>



<li>キャッシュプラグインをクリア</li>



<li>パーマリンクを更新</li>
</ol>



<p>　</p>



<h3 class="wp-block-heading"><span id="toc14">9. スマホで切れる問題の対処</span></h3>



<ul class="wp-block-list">
<li>1200×630pxで作成</li>



<li>中央に重要要素を配置</li>



<li>余白を40%以上確保 → トリミングされにくい</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "headline": "ワードプレスのアイキャッチ画像設定方法",
  "image": "https://blog-homepage.net/wordpress-eyecatch-setting/",
  "datePublished": "2025-12-04",
  "dateModified": "2025-12-04",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://blog-homepage.net/img/2025120409.jpg"
  },
  "author": {
    "@type": "Person",
    "name": "桑野一哉",
    "url": "https://kuwanokazuya.com/",
    "sameAs": [
      "https://blog-homepage.net/",
      "https://oa-vdt.com/",
      "https://www.facebook.com/kuwanokazuya",
      "https://twitter.com/kuwanokazuya",
      "https://www.instagram.com/kuwanokazuya_official/",
      "https://www.youtube.com/channel/UCsXbFAHPJDCcS7hB29KLKRQ"
    ]
  },
  "publisher": {
    "@type": "Organization",
    "name": "桑野一哉",
    "logo": {
      "@type": "ImageObject",
      "url": "https://kuwanokazuya.com/img/amp-logo-kuwanokazuya-01.png"
    }
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "アイキャッチ画像とは何ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "WordPressの投稿や固定ページに設定する代表画像（サムネイル）です。記事一覧やトップページ、SNS共有時に表示され、クリック率を左右します。"
      }
    },
    {
      "@type": "Question",
      "name": "おすすめのアイキャッチ画像サイズは？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "2025年現在は1200×630pxが推奨です。主要テーマやSNSで最適に表示されます。"
      }
    },
    {
      "@type": "Question",
      "name": "テーマごとに最適サイズは違いますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "多少異なりますが、1200×630pxでほぼ問題ありません。例：SWELLは1200×675px、THE THORは1280×720pxなど。"
      }
    },
    {
      "@type": "Question",
      "name": "アイキャッチ画像に文字を入れるべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "文字を入れるとクリック率が上がります。数字や笑顔、ビフォーアフター表現が効果的です。"
      }
    },
    {
      "@type": "Question",
      "name": "Canvaでアイキャッチ画像を作るのはアリですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "おすすめです。Canvaには1200×630pxのテンプレートがあり、無料でも高品質な画像が作れます。"
      }
    },
    {
      "@type": "Question",
      "name": "アイキャッチ画像が表示されない場合の対処法は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "投稿画面で設定されているか確認し、テーマ設定やキャッシュを見直してください。"
      }
    }
  ]
}
</script>




<p></p>

	<script>
		let license_id = "UiUbLfepGy8t1jQs";
	</script>
	<script src='/wp-content/plugins/ad-changer-by-category/pro/pro-user.js'></script>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
