<?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>WordPress - caracal media／キャラカルメディア</title>
	<atom:link href="https://media.caracal.jp/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://media.caracal.jp/tag/wordpress/</link>
	<description>ウェブ制作／WordPressカスタマイズ／iPad情報／ボルダリング情報を発信してます</description>
	<lastBuildDate>Thu, 09 Apr 2020 00:12:34 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>
	<item>
		<title>WordPressのSEO対策プラグインは２つでOK。その１- Yoast SEO</title>
		<link>https://media.caracal.jp/wordpress/yoast-seo/</link>
					<comments>https://media.caracal.jp/wordpress/yoast-seo/#comments</comments>
		
		<dc:creator><![CDATA[keiji yoshida]]></dc:creator>
		<pubDate>Mon, 30 Dec 2019 14:06:43 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://media.caracal.jp/?p=397</guid>

					<description><![CDATA[<p>こんにちは、ケイジです。WordPressテーマ制作歴は10年以上になり、100以上のサイトを過去にWordPressで立ち上げています。 SEO対策は多くのウェブサイトで必要になります。特に企業サイトでSEO対策を行わ…</p>
<p>The post <a href="https://media.caracal.jp/wordpress/yoast-seo/">WordPressのSEO対策プラグインは２つでOK。その１- Yoast SEO</a> appeared first on <a href="https://media.caracal.jp">caracal media／キャラカルメディア</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>こんにちは、ケイジです。WordPressテーマ制作歴は10年以上になり、100以上のサイトを過去にWordPressで立ち上げています。</p>



<p>SEO対策は多くのウェブサイトで必要になります。特に企業サイトでSEO対策を行わないことは売り上げにも影響することもあり致命的です。</p>



<p>そこらへんをプラグインで手間少なく実現できてしまうのがWordPressのよいところ。</p>



<p>SEO対策において、プラグインは２つでOK。<br>今回はそのうちのひとつ、Yoast SEOプラグインの使い方を紹介します。</p>



<h3 class="wp-block-heading">WordPressのSEO対策プラグイン その１- Yoast SEO</h3>



<p>私がYoast SEOプラグインをおすすめする理由は３つあります。</p>



<h4 class="wp-block-heading">1. 手軽さ</h4>



<p>WordPressプラグインなので当たり前ですが、管理画面から簡単にインストールできます。具体的な手順は後述します。</p>



<h4 class="wp-block-heading">2. 多くのユーザー数と評価の高さ</h4>



<p>有効インストール数&nbsp;500万以上と多くのサイトで利用され、平均評価4.9とこちらもまた信じ難い高い数値を出しているオバケプラグインです。</p>



<h4 class="wp-block-heading">3. 設定さえすれば確実に効果が出る</h4>



<p>私も制作するWordPressサイトにはほぼ全てYoast SEOを入れています。2の評価の高さがあらわしているようにほぼ全てのサイトで効果が出ています。</p>



<h3 class="wp-block-heading">Yoast SEO インストール手順</h3>



<p>WordPress管理画面に入りプラグイン &gt; 新規追加を選択します。</p>



<p>「プラグインの検索」ウィンドウに「yoast seo」と入力</p>



<p>検索結果に「Yoast SEO」プラグインが表示されるので「今すぐインストール」をクリックしてインストール後、「有効化」をクリックして有効化します。</p>



<p>これで準備はOK。</p>



<h2 class="wp-block-heading">Yoast SEOの設定</h2>



<h3 class="wp-block-heading">全般の設定</h3>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://media.caracal.jp/wp-content/uploads/2020/01/yoast-wizard-1024x715.png" alt="yoast 設定ウィザード" class="wp-image-419" width="605" height="421" srcset="https://media.caracal.jp/wp-content/uploads/2020/01/yoast-wizard-1024x715.png 1024w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-wizard-300x210.png 300w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-wizard-768x536.png 768w" sizes="(max-width: 605px) 100vw, 605px" /></figure>



<p>インストールしたらまずは設定ウィザードを使い最初の設定をします。管理画面・左サイドのSEO &gt; 一般をクリック。「設定ウィザード」をクリックして進みます。</p>



<p>ウィザードに従って当てはまる項目をチェックしていき、次へ次へと進んでいきます。</p>



<h3 class="wp-block-heading">各投稿記事、個別ページの設定</h3>



<p>投稿の「新規追加」または「編集」をクリックし、投稿編集ページ最下部の「Yoast SEO」を確認します。</p>



<p>まず「フォーカスキーフレーズ」の入力欄がありますが、いきなりこの箇所は無視してしまって構いません。もともとこのフォーカスキーフレーズでページのSEO解析をするのですが、日本語に対応していません。何を入れても赤信号アイコンが表示されてしまいます。よってここはスキップします。</p>



<p>その下にスニペットプレビューエリアがあります。「スニペットを編集」ボタンをクリックすると次の３つの編集エリアが現れます。</p>



<ul class="wp-block-list"><li>SEOタイトル</li><li>スラッグ</li><li>メタディスクリプション</li></ul>



<p>この３つのうち「SEOタイトル」「メタディスクリプション」の２つはそれぞれtitleタグ、meta descriptionタグに反映されるため、SEOにとって超重要箇所になります。</p>



<p>SEOの基本は次の記事に書きましたので参考にして、適切な文章を入力してください。</p>


<div class="related_link"><a href="https://media.caracal.jp/marketing/seo-html-tags-four/"><figure class="related_link_fig"><img decoding="async" src="https://media.caracal.jp/wp-content/uploads/2019/12/B65CA2D2-60F0-4DB9-9E09-31E8EC4D00D3-150x150.jpeg"></figure><div class='related_link_box'><div class='related_link_ttl'>まずは4つのHTMLタグでOK。SEOを考慮したHTMLの書き方</div><p class='related_link_desc'>HTMLを書けるようになってウェブサイトが作れるようになってきたー。次はGoogle検索で上位表示させたい！というあなた。その方法お教えします。 対象読者 HTMLを書ける、ウェブページが作れるウェブサイト制作初級者 ま…</p></div></a></div>



<p>titleタグはデフォルトでスニペット変数が入っているので特に指定しなくても「投稿のタイトル 区切り サイトタイトル」が入ります。</p>



<p>この投稿であればtitleタグは「WordPressのSEO対策プラグインは２つでOK。その１- Yoast SEO | ものづくり雑記」になります。</p>



<h3 class="wp-block-heading">トップページの設定</h3>



<p>管理画面・左サイド検索での見え方 &gt; 一般タグ</p>



<ol class="wp-block-list"><li>タイトル区切り</li><li>SEO title</li><li>Meta description</li></ol>



<p>の３つの編集エリアを編集します。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="925" src="https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01-1024x925.png" alt="" class="wp-image-418" srcset="https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01-1024x925.png 1024w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01-300x271.png 300w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01-768x694.png 768w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01-1536x1387.png 1536w, https://media.caracal.jp/wp-content/uploads/2020/01/yoast-gen01.png 1683w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>1.「タイトル区切り」はタイトルタグに表示される区切り文字を設定します。デフォルトで「-」（ハイフン）になっていますが特にこだわりがないかぎりそのままで良いでしょう。</p>



<p>2.「SEO title」ではトップページのtitleタグ内容を設定します。snippet variableという変数で設定することになっています。デフォルトで入っている４つのsnippet variableの内容は次のようになります。</p>



<ul class="wp-block-list"><li>Site title：管理画面左サイド「設定 &gt; 一般」の「サイトのタイトル」が入ります</li><li>Pages：2ページ目以降が存在するときはページ数が入ります</li><li>Separator：１の「サイト区切り文字」が入ります</li><li>Tagline：管理画面左サイド「設定 &gt; 一般」の「キャッチフレーズ」が入ります</li></ul>



<p>3.「Meta description」で入力した文章がトップページのmeta descriptionタグに入ります。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>ひととおりざっと必要最低限の設定までをご紹介しました。とはいえSEO効果が出るまでには１ヶ月～３ヶ月の期間が必要になります。</p>



<p>果報は寝て待て。<br>よいWordPressライフを！</p>



<p><a href="https://media.caracal.jp/wordpress/wordpress-seo-wp-fastest-cache/" target="_blank" rel="noreferrer noopener" aria-label="WordPressのSEO対策プラグインは２つでOK。その２- Fastest Cache (新しいタブで開く)">WordPressのSEO対策プラグインは２つでOK。その２- Fastest Cache</a></p>
<p>The post <a href="https://media.caracal.jp/wordpress/yoast-seo/">WordPressのSEO対策プラグインは２つでOK。その１- Yoast SEO</a> appeared first on <a href="https://media.caracal.jp">caracal media／キャラカルメディア</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://media.caracal.jp/wordpress/yoast-seo/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>VCCWを使ったWordPressテーマ作成がオトクな件</title>
		<link>https://media.caracal.jp/wordpress/vccw-wordpress/</link>
		
		<dc:creator><![CDATA[keiji yoshida]]></dc:creator>
		<pubDate>Wed, 25 Dec 2019 09:23:39 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[VCCW]]></category>
		<guid isPermaLink="false">https://media.caracal.jp/?p=360</guid>

					<description><![CDATA[<p>こんにちは。ケイジです。ウェブサイト制作＆開発を生業としており、主にWordPressのカスタマイズを日々こなしています。 今回はWordPressのテーマ制作やプラグイン開発の効率化ツール「VCCW」についてご紹介しま…</p>
<p>The post <a href="https://media.caracal.jp/wordpress/vccw-wordpress/">VCCWを使ったWordPressテーマ作成がオトクな件</a> appeared first on <a href="https://media.caracal.jp">caracal media／キャラカルメディア</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p>こんにちは。ケイジです。<br />ウェブサイト制作＆開発を生業としており、主にWordPressのカスタマイズを日々こなしています。</p>
</p>
<p>今回はWordPressのテーマ制作やプラグイン開発の効率化ツール「VCCW」についてご紹介します。</p>
</p>
<p>WordPressでテーマ作成はできるけどサーバ技術とかローカル環境とかなんだかよく分からない脱初級者の方にぜひ読んでいただきたい！</p>
</p>
<h2 class="wp-block-heading">VCCWを使ったWordPressテーマ作成がオトク</h2>
</p>
<p>VCCWはWordPressのテーマやプラグインをローカルで制作することを容易にするためのツールになります。</p>
</p>
<p>まわりを見回しても脱初級〜中級以上、またはチームで作業しているWordPressエンジニアはおおよそ使っているように思います。</p>
</p>
<h2 class="wp-block-heading">VCCWを使うメリット</h2>
</p>
<p>VCCWを導入すると次のようなメリットがあります。</p>
</p>
<ul class="wp-block-list">
<li>WordPressのテーマやプラグインを制作中、いちいちWebサーバ上にアップして確認しなくてよい</li>
<li> コマンドでサーバ上のデータを一括でローカルに持ってきたり、ローカルのデータをサーバに一括アップロードしたりがラク</li>
<li> GitがバンドルされているのでGitを使っての運用フローが確立でき、変更を加える前のデータに戻したり、複数人で同じテーマをいじったりが可能になる</li>
</ul>
</p>
<h2 class="wp-block-heading">VCCWとは？</h2>
</p>
<p>VCCWはWordPressのテーマやプラグインをローカルで制作することを簡単にするためのツールになります。</p>
</p>
<p>VCCWを理解するには、VirtualBox（バーチャルボックス）とVagrant（ベイグラント・ヴェイグラント）という２つの理解が必要になりますので一つずつ解説していきましょう。</p>
</p>
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://media.caracal.jp/wp-content/uploads/2019/12/VCCW-1024x576.jpg" alt="VirtualBoxとVCCW（Vagrant）" class="wp-image-361" srcset="https://media.caracal.jp/wp-content/uploads/2019/12/VCCW-1024x576.jpg 1024w, https://media.caracal.jp/wp-content/uploads/2019/12/VCCW-300x169.jpg 300w, https://media.caracal.jp/wp-content/uploads/2019/12/VCCW-768x432.jpg 768w, https://media.caracal.jp/wp-content/uploads/2019/12/VCCW-355x199.jpg 355w, https://media.caracal.jp/wp-content/uploads/2019/12/VCCW.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</p>
<h2 class="wp-block-heading">VirtualBoxとは？</h2>
</p>
<p>その名の通り「バーチャルな箱」ということですが、バーチャルなサーバーを建てるための箱と思っていただいてOKです。<br /> 自分のMacやPCの中のこの箱の中に、バーチャルなサーバーを建てるツールになります。<br /> MacBookなどMac OSの中にLinux OSで動作するバーチャルサーバーを入れて動かすといったことも可能になります。</p>
</p>
<h2 class="wp-block-heading">Vagrantとは？</h2>
</p>
<p>VagrantはVirtualBoxの設定自動化ツールになります。</p>
</p>
<p>VirtualBoxはバーチャルなサーバーを建てるツールなので、作る際には実際にサーバーを作るのと同等な作業が発生します。</p>
</p>
<p>具体的にはOSインストールから始まって、あのパッケージとこのパッケージをインストールしてあれとこれとなんちゃらとかんちゃらをして…と結構な手間が発生します。</p>
</p>
<p>そんな面倒な設定を一手に引き受けて自動化して働いてくれるのがVagrantです。</p>
</p>
<p>メンドくさいサーバの設定を自分の代わりにテキパキとこなしてくれるロボットのようなイメージです。</p>
</p>
<h3 class="wp-block-heading">で、VCCWとは？？</h3>
</p>
<p>VCCWはWordPress作業に最適化カスタマイズされたVagrantになります。<br />
言ってみれば、VagrantとVCCWの関係はエヴァンゲリヲンと宇宙戦闘に特化したS型装備を装着したエヴァンゲリヲンのようなもの。</p>
</p>
<p>WordPress特化したVCCW（Vagrant, Chef, CentOS, WordPress）構成でサーバーを建ててくれます。</p>
</p>
<p>※ChefとCentOSについての解説は当記事では割愛します。</p>
</p>
<p>「習うより慣れろ」ということで次回、実際にVCCWをインストールしてみます。</p>
</p>
<p>つづく</p></p>
<p>The post <a href="https://media.caracal.jp/wordpress/vccw-wordpress/">VCCWを使ったWordPressテーマ作成がオトクな件</a> appeared first on <a href="https://media.caracal.jp">caracal media／キャラカルメディア</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
