<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>出張ホームページ作成　ホームページ執事</title>
	<atom:link href="http://hpc.blog0.jp/feed" rel="self" type="application/rss+xml" />
	<link>http://hpc.blog0.jp</link>
	<description>パソコンの個人レッスンとホームページ作成代行</description>
	<lastBuildDate>Thu, 17 May 2012 03:29:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/feed" />
		<item>
		<title>WordPressプラグインGoogle XML Sitemapsの使い方</title>
		<link>http://hpc.blog0.jp/archives/2261</link>
		<comments>http://hpc.blog0.jp/archives/2261#comments</comments>
		<pubDate>Thu, 17 May 2012 02:43:10 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[Google XML Sitemaps]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2261</guid>
		<description><![CDATA[WordPressプラグインGoogle XML Sitemapsのお話 皆さんこんにちは 前回はSEO対策プラグインであるAll in One SEO Packについてお話しました。 今回は同じSEO対策プラグインの中 [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">WordPressプラグインGoogle XML Sitemapsのお話</h4>
<p>皆さんこんにちは</p>
<p>前回はSEO対策プラグインである<strong>All in One SEO Pack</strong>についてお話しました。<br />
今回は同じSEO対策プラグインの中の１つ、<strong>Google XML Sitemaps</strong>をご紹介します。<br />
この２つのプラグインを使いこなすことができれば、WordPressでのSEO対策レベルは高い水準となります。是非、マスターしておきましょう。</p>
<h3>SEO対策プラグイン「Google XML Sitemaps」とは</h3>
<p>Google XML Sitemapsは一言でいうと<strong>「XMLサイトマップを自動で作成してくれるプラグイン」</strong>です。<br />
このプラグインはGoogleが提供するサービスである<strong>「Google ウェブマスターツール」</strong>と併用して使うことで、Googleのクローラに効率よく更新情報を渡すことができるようになり、検索結果の表示順位の底上げに役立ちます。</p>
<p>専門用語を使うと、ちょっと複雑でわかりづらいですね。</p>
<p>ではGoogle XML Sitemapsの内容に入る前に、簡単にですがこのプラグインの肝である「サイトマップ」とそれに関連する事柄について触れておきましょう。</p>
<h3>「サイトマップ」とは何か</h3>
<p>一部のサイトでは、１ページにそのサイトの各コンテンツの一覧や構成を掲載しています。<br />
これが<strong>「サイトマップ」</strong>です。<br />
このように１つのページにサイトの全体像をまとめ置くことで、閲覧者がサイト内で迷うことなく目的のページや更新情報などを発見することができ、非常にわかりやすく便利なサイトとなります。</p>
<p>そのサイトマップの効果は、人間だけでなくプログラムに対しても有効なのです。</p>
<p>Googleに代表される検索エンジンは「ロボット型検索エンジン」と呼ばれます。<br />
このタイプの特徴は<strong>「クローラ」</strong>と呼ばれるプログラムが毎日自動でネット内の巡回し、各ページの情報をデータベースにインデックス化（集まった情報を評価し、データベースに登録すること）。その情報を元に検索されたキーワードに対する検索順位を決める方式を取ることです。<br />
ですが、このデータを集めるクローラは１つのサイトにある全てのページを確実に把握することはできません。もちろんページ数が多ければ多いほど把握できる情報量は少なくなり、検索順位に反映される内容も薄くなってしまいます。<br />
プログラムである彼らも私たち人間と同じで、複数の箇所に分散した情報を把握するのは難しいのです。</p>
<p>しかし、サイトマップがあると、クローラはそこだけ巡回することでサイトの全容をほぼ把握することができます。</p>
<p>このサイトマップの機能はGoogle, Bing, Yahooなどの主要な検索エンジンに対応しており、制作すればこれら全てのエンジンに更新ページ情報を伝えることができるようになります。<br />
<strong>検索順位に大きな影響は与えませんが、クローラの巡回がスムーズに行く事で他のサイトよりも早く更新情報を反映できるのは良いメリットです。</strong></p>
<p>そしてGoogle XML Sitemapsはこの<strong>サイトマップを自動的に作成</strong>してくれるプラグイン、というわけです。</p>
<h3>「Google ウェブマスターツール」とは何か</h3>
<p>最初の紹介の中で出てきた「Google ウェブマスターツール」についても説明します。<br />
これは自分の管理するサイトの更新やリンクなどの情報をGoogleに送ることができるサービスで、これにより更新情報やクローラの巡回する効率を高めることができます。</p>
<p>かなり専門的なツールであり、サイトやブログの細部を設定できる優れものなのですが、その分使いこなすには相応のスキルが必要ですので、詳細は次回以降に回します。</p>
<p>まとめると、<strong>「Google XML Sitemapsにより自動作成されたサイトマップをこのGoogle ウェブマスターツールを使ってGoogleに送り、サイトマップをクローラに巡回してもらうようにする」</strong>というのが今回の趣旨です。</p>
<p>では、いよいよ実践に入りましょう。</p>
<h3>Google XML Sitemapsの使い方</h3>
<p>Google XML Sitemapsプラグインを無事にアップロードした後、【設定】ボタンに<strong>「XML-Sitemap」</strong>という項目が現れるので、これをクリック。<br />
※Google XML SitemapsにもAll in One SEO Packと同様。日本語版と英語版があります。</p>
<div class="mceTemp">
<dl id="attachment_2262" class="wp-caption alignnone" style="width: 202px;">
<dt class="wp-caption-dt"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/72f2b690d7cc44dd071a4fb148e3eafa.jpg" title="【設定】ボタン WordPress Google XML Sitemaps" width="192" height="178" class=" wp-image-2262 " /></dt>
</dl>
</div>
<p>するとGoogle XML Sitemapsの詳細設定画面が出てきます。<br />
最初は特に弄らず、そのままOKボタンを押してください。</p>
<p>そうすると<strong>「sitemapはまだ構築されていません。『ここをクリック』してsitemapを作成してください。」</strong>という文が載った動作状態というウィンドウが開くので、ここで<strong>『ここをクリック』</strong>をクリックしましょう。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/16acdc5bcccc1f2e4ea325f909b247da3.jpg" rel="lightbox[2261]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/16acdc5bcccc1f2e4ea325f909b247da3.jpg" title="動作状態ウィンドウ　WordPress　Google XML Sitemaps" width="495" height="90" class="alignnone  wp-image-2266" /></a></p>
<p>&nbsp;</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/2d7940825577cdbfdffafc6c1a3d6f2e.jpg" rel="lightbox[2261]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/2d7940825577cdbfdffafc6c1a3d6f2e.jpg" title="sitemap.xml作成完了画面　WordPress　Google XML Sitemaps" width="496" height="165" class="alignnone  wp-image-2267" /></a></p>
<p>上記のような画面が出れば成功です。これでクローラに見せるためのサイトマップ「sitemap.xml」ができました。<br />
※「Bingへの通知中にエラーが発生したようです。」という文字が見えますが、エラーでなく表示ミスですので特に気にする事はありません。</p>
<p>次にGoogle ウェブマスターツールを使ってこのサイトマップを登録しましょう。<br />
※Googleアカウントを持っていないとこのサービスは利用できません。無料でこれからも使うことが多いアカウントなので必ず所持しておきましょう。</p>
<p>Google ウェブマスターツールに入ると、次のような画面が出ます。<br />
ここの赤いボタン<strong>「サイトを追加」</strong>をクリックします。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/76ff61a49c233e941ce184cad676587f.jpg" rel="lightbox[2261]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/76ff61a49c233e941ce184cad676587f.jpg" title="サイト追加　Google ウェブマスターツール" width="496" height="317" class="alignnone  wp-image-2268" /></a></p>
<p>するとこの画面が出るので、<strong>サイトマップを作った「サイトのURL」</strong>を記入しましょう。<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/7a5616aa9d1eaa9151da924518c7ba64.jpg" title="サイトURL挿入　Google ウェブマスターツール" width="496" height="396" class="alignnone  wp-image-2269" /></p>
<p>次にウェブマスターセントラルの文字があるページに飛び、確認方法を決定します。<br />
ここで、上の方にある<strong>「別の方法」</strong>のタブをクリックしましょう。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/db63a5998ca53df23bba0ac4cfe183721.jpg" rel="lightbox[2261]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/db63a5998ca53df23bba0ac4cfe183721.jpg" title="メタ タグをサイトのホームページに追加　Google ウェブマスターツール" width="496" height="313" class="alignnone  wp-image-2271" /></a></p>
<p>別の方法が一覧で出ますので、その中の<strong>「メタ タグをサイトのホームページに追加」</strong>をチェックをいれます。<br />
すると、手順が書かれたウィンドウが出てきます。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/06749f4b648f5c1c6f0e892ae3b8161c.jpg" rel="lightbox[2261]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/06749f4b648f5c1c6f0e892ae3b8161c.jpg" title="メタ タグ挿入手順　Google ウェブマスターツール" width="496" height="351" class="alignnone  wp-image-2272" /></a></p>
<p>手順は、<br />
「以下の meta タグをコピーして、サイトのホームページにあるセクション内の、最初のセクションの前に貼り付けます。」</p>
<p>&lt;meta name=&#8221;google-site-verification&#8221; content=&#8221;owXjaiPU8r5D2XhwJa-TEliDkMk6MG60W2G1sKZlE_k&#8221; /&gt;</p>
<p>となります。</p>
<p>「Google ウェブマスターツール」のページはそのままにし（後でまた操作します）、別のページでブログを開き、html表示にして~一番はじめのの間に貼付けましょう。<br />
WordPressの場合は管理画面の左側の「ダッシュボード」の「外観」、「テーマ編集」の順に進みヘッダーを開くと該当する場所が開けますので、そこで挿入しましょう。<br />
貼付けが完了したら、更新をして変更を保存します。</p>
<p>これでメタタグの設定が完了しました。</p>
<p>最後に「Google ウェブマスターツール」の画面に戻り、下の<strong>「確認」</strong>をクリックしましょう。<br />
成功すれば管理パネルが表示されます。</p>
<p><strong>これ以降は更新するたびにサイトマップも自動的に更新、登録をしてくれます。</strong><br />
<strong> 基本的に管理は不要ですが、一月に一度など定期的に確認することをお勧めします。</strong></p>
<p>Google XML Sitemapsの主な使い方は以上となります。<br />
一度設定できれば後の管理が非常に簡単なので、是非導入してみてください。</p>
<hr />
<p><cite><a title="WordPressのカテゴリー・タグクラウドのユーザビリティとSEOの効果" href="http://hpc.blog0.jp/archives/1601" target="_blank">WordPressのカテゴリー・タグクラウドのユーザビリティとSEOの効果</a></cite><br />
<cite><a title="WordPressプラグインAll in One SEO Packの使い方" href="http://hpc.blog0.jp/archives/2181" target="_blank">WordPressプラグインAll in One SEO Packの使い方</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2261/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2261" />
	</item>
		<item>
		<title>WordPressプラグインAll in One SEO Packの使い方</title>
		<link>http://hpc.blog0.jp/archives/2181</link>
		<comments>http://hpc.blog0.jp/archives/2181#comments</comments>
		<pubDate>Thu, 10 May 2012 08:46:37 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[応用編]]></category>
		<category><![CDATA[All in One SEO Pack]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2181</guid>
		<description><![CDATA[SEO対策とWordPressプラグインAll in One SEO Packのお話 皆さんこんにちわ。 今回は上位表示のお手伝いをしてくれる役立つプラグインAll in One SEO PackとSEOについてお話した [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">SEO対策とWordPressプラグインAll in One SEO Packのお話</h4>
<p>皆さんこんにちわ。</p>
<p>今回は上位表示のお手伝いをしてくれる役立つプラグイン<strong>All in One SEO Pack</strong>とSEOについてお話したいと思います。<br />
SEOってなに？という方のためにまずはSEOについて勉強しましょう！</p>
<h3>SEOとは</h3>
<p>SEOとは<strong>Search Engine Optimization 「検索エンジン最適化」</strong>の略称です。<br />
その目的は「検索サイトで最初のページの出来るだけ上位に自分のサイトを表示する」ことにあります。</p>
<p>皆さんも自分のサイトやブログは多くの人に見て欲しいですよね。<br />
しかし、どんなに面白いサイト、ブログでも人目につかなければ誰も来てくれません。<br />
多くの店が客を呼び込むために広告や人を雇って宣伝するように、自分のサイトを宣伝しなければ訪問者はやってこないのです。</p>
<p>その宣伝にあたるのが、このSEOです。</p>
<p>インターネットでサイトを探すとき、皆さんは何を使いますか？<br />
そうです。YahooやGoogleに代表される「検索エンジン」です。<br />
ここで検索結果の上位を取ることができれば、訪問者の数は爆発的に増えます。</p>
<p>しかし、そう簡単にはいきません。<br />
SEO専門のアウトソーシングビジネスがあるのを見ればわかる通り、この対策にはそれなりの知識と技術が求められます。<br />
一部の対策にはコストもかかるため、個人や小規模の組織には難しい―――</p>
<p>そんな皆さんにオススメするのが、この「All in One SEO Pack」</p>
<p>これはSEOの最も基幹である内部SEOを簡単に設定できる、優れもののWordPressプラグインなのです。</p>
<h3>SEO対策プラグイン「All in One SEO Pack」とは</h3>
<p><strong>All in One SEO Pack</strong>はWordPressで作成したサイトのトップページや個別記事に対して、タイトル（タグ）やメタタグ（タグ）の設定が簡単にできることです。WordPressのSEO対策に必須のプラグインです。</p>
<p>All in One SEO Packよりも細かい設定を行う事が可能なHeadSpace2というプラグインもあります。より詳細なSEO対策をしたいという場合には、HeadSpace2を使いましょう。</p>
<p>この中で、特にタイトルはSEOで重要な要素の1つです。<br />
タイトルの中に、メインキーワードを含ませるようにします。All in One SEO Pack では、『サイト上に表示させるタイトル』と『HTMLに記述するタイトル』を別々のものにすることができます。</p>
<h3>All in One SEO Packの基本的な使い方</h3>
<p>All in One SEO Pack をインストール・有効化すると、記事投稿する際に下のような設定画面が表示されます。<br />
※今回は英語版で紹介していますが、日本語版もダウンロードできます。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/WPAIOS.jpg" rel="lightbox[2181]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/WPAIOS.jpg" alt="" title="ALL　in One SEO Pack　タイトル" width="520" height="244" class="alignnone size-full wp-image-2236" /></a></p>
<ul>
<li>Home Title<br />
⇒サイトのタイトル。<br />
通常はブログのタイトルです。</li>
<li>Home Description<br />
⇒こちらもテンプレートによって無い場合は、記入します。</li>
<li>keywords<br />
⇒重要なキーワードを記入します。</li>
</ul>
<p>●タイトル<br />
ここでは『サイト上に表示させるタイトル』と『HTMLに記述するタイトル』を別々のものにすることができます。<br />
「検索エンジンに知らせるためのタイトルには、多くのキーワードを含ませたい。<br />
でもサイト上で表示させるタイトルが長くなるのはちょっと・・・」<br />
といった場合に2つのタイトルを使い分けます。<br />
こうすることでSEO的にも見た目にもよくなります。</p>
<p>例えば・・・<br />
極端な話ブログ記事のタイトルが『犬』というSEO的には弱いものでも、<br />
上の画像のタイトル欄に『犬,チワワ,柴犬,ブルドッグ,プードル』と入力すればHTMLのtitleタグにはこちらが表示されます。<br />
人にも検索エンジンにも優しいですね。</p>
<p>●説明文タグ<br />
説明文タグは、その記事の内容を要約したものを書きます。ここに書いた内容は検索結果に表示されます。<br />
説明文タグには<strong>重要なキーワード</strong>を含んだ文章を書くとよいですね。<br />
下の画像で赤く囲ってある部分が説明文タグの部分です。<br />
実際の検索画面ではこんな感じで表示されます。<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/96cbb15f37639bf0299d27b51e594a41.jpg" alt="" title="hp執事 - Google 検索" width="520" height="148" class="alignnone size-full wp-image-2230" /></a></p>
<p>●キーワードタグ<br />
その記事のなかで重要なキーワードを記述します。<br />
複数のキーワードを入力するときは、半角カンマで区切って入力します。<br />
例）HP執事,All in One SEO Pack,WordPress,プラグイン,使い方</p>
<p>こちらでは各タイトルを細かく設定出来ます。<br />
<a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/a21a108d5532a16eea3019dca1b17c9d.png" rel="lightbox[2181]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/a21a108d5532a16eea3019dca1b17c9d.png" alt="" title="ALL　in One SEO Pack　タイトル" width="520" height="479" class="alignnone size-full wp-image-2224" /></a></p>
<p>例：%post_title% | %blog_title%だと<br />
記事タイトル | ブログタイトルとなります。<br />
カテゴリーやアーカイブ、タグ別にタイトルが変更出来るのでとても便利です。</p>
<ul>
<li>Post Title Format<br />
⇒記事部分のタイトルを変更。</li>
<li>Page Title Format<br />
⇒ページ部分のタイトルを変更。</li>
<li>Category Title Format<br />
⇒カテゴリー部分のタイトルを変更。</li>
<li>Archive Title Format<br />
⇒アーカイブ部分のタイトルを変更。</li>
<li>Tag Title Format<br />
⇒タグ部分のタイトルを変更。</li>
<li>Search Title Format<br />
⇒検索結果部分のタイトルを変更。</li>
<li>Description Format<br />
⇒説明タイトル部分のタイトルを変更出来ます。</li>
<li>404 Title Format<br />
⇒エラー部分のタイトルを変更。</li>
<li>Paged Format<br />
⇒複数ページ部分のタイトルを変更。</li>
<li>SEO for Custom Post TypesとCustom Post Types for SEO Column Support<br />
⇒WordPress3.0新規機能のカスタム投稿タイプを使う場合はチェックを入れます。</li>
</ul>
<p>こちらではカテゴリー名やタグ名などを自動的にmetaタグで使用したり、キーワードを自動で生成したり出来ます。<br />
また、Googleなどの検索エンジンにインデックスさせたくないページの場合はここから設定出来ます。<br />
<a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/843d325e193918c052b7edd0499c25b81.png" rel="lightbox[2181]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/843d325e193918c052b7edd0499c25b81.png" alt="" title="All in One SEO Pack　詳細設定" width="520" height="530" class="alignnone size-full wp-image-2234" /></a></p>
<ul>
<li>Use Categories for META keywords<br />
⇒カテゴリー名を自動的にmetaタグで使用。</li>
<li>Use Tags for META keywords<br />
⇒タグ名を自動的にmetaタグで使用。</li>
<li>Dynamically Generate Keywords for Posts Page<br />
⇒各記事のkeywordを自動で生成。</li>
<li>Use noindex for Categories<br />
⇒カテゴリーページをインデックスさせなくする。<br />
※インデックスさせたくないページがある場合はチェックを入れますが、極力外したほうが良いでしょう。</li>
<li>Use noindex for Archives<br />
⇒アーカイブページをインデックスさせなくする。<br />
※インデックスさせたくないページがある場合はチェックを入れますが、極力外したほうが良いでしょう。</li>
<li>Use noindex for Tag Archives<br />
⇒タグページをインデックスさせなくする。<br />
※インデックスさせたくないページがある場合はチェックを入れますが、極力外したほうが良いでしょう。</li>
<li>Autogenerate Descriptions<br />
⇒各記事のDescription を自動で生成。</li>
<li>Capitalize Category Titles<br />
⇒カテゴリーの最初の文字を大文字にする(英語のみ)</li>
<li>Exclude Pages<br />
⇒個別でインデックスから除外したいページがある場合に指定。</li>
<li>Additional Post Headers<br />
⇒記事のヘッダーに自動的に追加する項目を設定。</li>
<li>Additional Page Headers<br />
⇒ページのヘッダーに自動的に追加する項目を設定。</li>
<li>Additional Home Headers<br />
⇒トップページのヘッダーに自動的に追加する項目を設定。</li>
<li>Log important events<br />
⇒バグのログが保存される（別途設定が必要）</li>
</ul>
<p>以上がAll in One SEO Packの使い方です。<br />
どんどん活用して検索上位表示を目指しましょう！</p>
<h3>SEO対策は一日にしてならず。</h3>
<p>「All in One SEO Pack」を投入したからといって、すぐにサイトが上位に表示されるわけではありません。対策をしたサイトをロボット型検索エンジンのクローラーが認識し、それを反映されるまでのタイムラグがあるからです。<br clear="none" /> <br clear="none" /> また、どの企業も個人も、自分のサイトを検索エンジンの上位に載せようとSEO対策をしていますし、それが人気のキーワードとなればその競争は厳しいものになるでしょう。</p>
<p>そもそも「All in One SEO Pack」という便利なSEO対策プラグインをライバルたちが見逃している筈がありません。<br clear="none" /> <br clear="none" /> このプラグインを導入したことで「ようやく同じ土俵に立った」と考えるべきです。</p>
<p>しかし、いきなり高度なSEO対策をしようというのも厳しい話です。<br clear="none" /> <br clear="none" /> やるとなればそれなりのコストが掛かりますし、勉強や何より時間も必要になってきます。</p>
<p>そこでまず「All in One SEO Pack」を使うにあたってのSEO対策のポイントを簡単に押さえておきましょう。<br clear="none" /> <br clear="none" /> 基礎的なことが多いですが、こういったものほど意外とおざなりになりがちです。きちんと把握して実行しておけば、今後のSEO対策において非常に役立ってくれるでしょう。</p>
<p><strong>ポイント①</strong><br clear="none" /> <br clear="none" /> 「SEOのキーワードを知る」<br clear="none" /> <br clear="none" /> ホームページにしろブログにしろ、それは何らかの“目的”あるいは“目標”を持って制作されたものです。<br clear="none" /> <br clear="none" /> それは訪問者を呼び寄せる大切な「キーワード」の元になるものであり、最低限把握しておかなければなりません。</p>
<p>例えば、レストランなのに表の看板には「レストラン」とも「お食事処」とも書かれておらず、外見もただの民家でとてもレストランには見えない店に、果たしてお客が来るでしょうか。来るはずがありませんよね。<br clear="none" /> <br clear="none" /> 「キーワード」はそうしたホームページ・ブログの看板になり、外装になり、広告になる大切な要素です。これこそがSEOの中でも取り分け重要な要素であり、もっとも難しい個所でもあります。<br clear="none" /> <br clear="none" /> 最初は難しく考えず参考になるサイトや本の内容をよく読み、「キーワード」がいかなるものか、どう設定すればいいのかを少しずつ勉強しておきましょう。</p>
<p><strong>ポイント②</strong><br clear="none" /> <br clear="none" /> 「キーワードの設定」<br clear="none" /> <br clear="none" /> 最適なキーワードを探すのは、SEO対策の専門家でも難しいことです。検索される言葉は年々形を変え、一月前までホットだったキーワードが次の月にはまったく使われなくなったということがよくあります。<br clear="none" /> <br clear="none" /> まずはキーワードを見つけることよりも、「良いキーワードの決まり事」を把握しておきましょう。</p>
<p>・ページごと検索結果に表示したいキーワードを設定。その単語を多く含むようにページを最適化。<br clear="none" /> <br clear="none" /> ・１ページにつきキーワードは１つ<br clear="none" /> <br clear="none" /> ・１つのページに複数のキーワードを設定してはいけない<br clear="none" /> <br clear="none" /> ・ただし、２つの単語を同時に検索されるのを狙うのは問題ない。（例：日本+ワイン＝日本のワイン）</p>
<p>この他にもまだまだありますが、最低限ここまで押さえておけばとりあず問題ないでしょう。<br clear="none" /> <br clear="none" /> また、人気のキーワードで上位にいるサイトを参考にするのも良いことです。<br clear="none" /> <br clear="none" /> 有名な企業やその業界の顔のような会社などの知名度で高いところよりも、１ページ目に中～下位にいるサイトなどが良いでしょう。</p>
<p><strong>ポイント③</strong><br clear="none" /> <br clear="none" /> 「２つのタイトルの利用」<br clear="none" /> <br clear="none" /> All in One SEO Packで設定できるタイトルは、従来のSEO対策とは違う形で、しかもより効果的な設定ができます。繰り返しになりますが、『サイト上に表示させるタイトル』と『HTMLに記述するタイトル』の使い分けができるのです。</p>
<p>具体的なやり方を画像を使って説明しますと―――</p>
<p>・黄色いラインの部分が『サイト上に表示させるタイトル』を記入する所。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/75673bca97d886cf859914a3624b2f07.jpg" rel="lightbox[2181]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/363ee93ef7b6be2328f5839273c149bf.jpg" alt="" title="All in One SEO Pack　タイトル設定" width="400" height="198" class="alignnone size-full wp-image-2234" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>・赤いラインの部分が『HTMLに記述するタイトル』を記入する所。</p>
<p><a href="http://hpc.blog0.jp/wp-content/uploads/2012/05/501f973f1a11a0a412f1f407571e6303.jpg" rel="lightbox[2181]"><img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/b7991ef133aa7c634db074fa94c30140.jpg" alt="" title="All in One SEO Pack　タイトル設定" width="400" height="245" class="alignnone size-full wp-image-2234" /></a></p>
<p>&nbsp;</p>
<p>ちょっとした技ですが、こうした見た目というのは意外と気にされるもの。場所によって的確なタイトルを設定できるのであれば、それを利用しない手はありません。些細な努力がいずれは大きな結果に結びつきます。手を抜かず、１ページ１ページ丁寧に根気よく設定していくことが大切です。</p>
<p>是非、マスターしてライバルに差をつけましょう。</p>
<h3>SEO対策及びAll in One SEO Packを使って“してはいけないこと”</h3>
<p>非常に便利なAll in One SEO Packですが、SEO対策のある落とし穴にはまる可能性も秘めています。<br />
それが「検索エンジンからサイトを“スパムサイト”として認識されてしまうこと」です。</p>
<p>スパムサイトとはいわゆる「迷惑行為をおこなうサイト」であり、検索エンジンにそう認識されてしまうと順位が大きく下がったり、検索一覧に表示されなくなってしまいます。<br />
この認識されてしまう理由は色々ありますが、All in One SEO Packを使う上では以下の点に注意すればまず問題ありません。</p>
<p>・まったく同し内容SEO（タイトル、キーワード、タグなど）でページタイトルを作る。<br />
All in One SEO Packではホームだけでなく、各ページにもタイトルやキーワードを容易に設定することができます。これはSEO対策において重要なものであり、All in One SEO Packが多くの人に使われている理由の1つでしょう<br />
しかし、いかに面倒くさくても、まったく同じタイトル名、同じキーワード、同じタグの設定をしたページを大量につくるのだけは“絶対にしてはいけません”。<br />
何故なら、そうしたページが大量に存在することが「スパムサイトである」と認識される要因だからです。</p>
<p>これはスパムサイトの形態の1つに「低品質なページを大量に作る」というものがあり、検索エンジンのアルゴリズムにこれを排除するための改良がおこなわれていることから、それに引っかかってしまうことがあるためです。<br />
対策としては、各ページごとにタイトルやキーワードは別々に設定し、重複しないよう心掛けること。また、たとえ別のタイトルやキーワードを使っていなくても、似たような内容のページを１つのサイトに複数つくらないことを肝に銘じてください。</p>
<p>・関連性のないキーワードをページに設定する。<br />
野球の紹介ページであるのに、サッカーのキーワードでSEO対策したページ。<br />
こうした「内容と関連性のないキーワードを設定したページ」は検索サイトからスパムサイトだと認識される要因の１つです。<br />
スパムサイトという以前に、検索する多くの方から見れば迷惑なことは目に見えて明らかでしょう。<br />
ちょっとした手違いでこうしたページをつくってしまった場合、早急に変更ないし削除しましょう。</p>
<p>ざっとした内容でしたが、いかがだったでしょうか。<br />
ここで紹介した内容もAll in One SEO Packも、SEO対策の氷山の一角に過ぎません。<br />
SEO対策は非常に奥深いものです。こうしたSEOをアウトソーシンしている会社も、今では珍しくありません。<br />
しかし、高いコストを払わなくても、きちんとした知識があれば上位にサイトを載せることは夢ではありません</p>
<p>皆さんも、是非SEO対策の世界にもっと触れてみて下さい。</p>
<hr />
<p><cite><a title="WordPressのカテゴリー・タグクラウドのユーザビリティとSEOの効果" href="http://hpc.blog0.jp/archives/1601" target="_blank">WordPressのカテゴリー・タグクラウドのユーザビリティとSEOの効果</a></cite><br />
<cite><a title="【お知らせ】SEO対策向きビジネスブログ　サービス開始" href="http://hpc.blog0.jp/archives/265 " target="_blank">【お知らせ】SEO対策向きビジネスブログ　サービス開始</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2181/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2181" />
	</item>
		<item>
		<title>Twitterログインからつぶやきまで</title>
		<link>http://hpc.blog0.jp/archives/2108</link>
		<comments>http://hpc.blog0.jp/archives/2108#comments</comments>
		<pubDate>Wed, 02 May 2012 09:41:20 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[入門]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2108</guid>
		<description><![CDATA[スマートフォンでのTwitterのログイン方法とつぶやきの仕方 皆さんこんにちわ。 今回は“スマートフォン”でのTwitterのログインからつぶやきまでの方法についてお話します。 Twitterのアカウント作成の方法は以 [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02"><strong>スマートフォン</strong>でのTwitterのログイン方法とつぶやきの仕方</h4>
<p>皆さんこんにちわ。</p>
<p>今回は<strong>“スマートフォン”</strong>でのTwitterのログインからつぶやきまでの方法についてお話します。<br />
Twitterのアカウント作成の方法は以下の記事を参考にしてください。</p>
<p><cite><a title="第4回　Twitterでの新規アカウント作成" href="http://hpc.blog0.jp/archives/388" target="_blank">第4回　Twitterでの新規アカウント作成</a></cite></p>
<p>アカウントが出来たらあとはつぶやくだけです。</p>
<p>＜ログイン画面＞<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/93dfd33787441b45c81ea6437acb40c6.jpg" alt="Twitter　ログイン画面" title="Twitter　ログイン画面" width="300" height="225" class="alignnone size-full wp-image-2114" /></p>
<p>Twitterのログイン画面です。<br />
上段にはユーザー名またはメールアドレスを入力します。<br />
下段にはパスワードを入力します。</p>
<p>＜TL画面＞<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/baff11911d5259935eadc4249b2b1cef.jpg" alt="Twitter　タイムライン画面" title="Twitter　タイムライン画面" width="300" height="400" class="alignnone size-full wp-image-2115" /></p>
<p>ログインするとタイムラインの画面が表示されます。<br />
TLと略されることが多々あります。<br />
あなたのフォローしているユーザーのつぶやきが一覧で表示されます。</p>
<p>＜ツイート画面＞<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/05/c024e3c2ea54b211a425c1f81c8728eb.jpg" alt="Twitter　ツイート画面" title="Twitter　ツイート画面" width="300" height="225" class="alignnone size-full wp-image-2113" /></p>
<p>ツイート画面です。<br />
どんどんつぶやいていきましょう。<br />
最初は何をつぶやいたらいいのか分からない・・・という方もいるかもしれませんが何でもいいのです。まずはつぶやいてみることが第一歩です。</p>
<p>一連の操作を動画でも紹介しています。<br />
<iframe src="http://www.youtube.com/embed/XDzzgYEZcMo" frameborder="0" width="420" height="315"></iframe></p>
<h3>文字制限の秘密</h3>
<p>さて、ツイートには140文字までという制限があります。「なぜ140文字なのか？」という疑問。それにはきちんと理由があります。</p>
<p>実は、このTwitter、最初は携帯電話のSMSからの利用を想定して作られていました。SMSには160文字の制限があり、Twitterでは発言者のIDをその中に含めなければなりませんでした。</p>
<p>その分の20文字を引いて、160文字－20文字＝140文字が上限となりました。<br />
これがTwitterの文字数制限の理由です。</p>
<h3>Twitterの基本用語</h3>
<p>Twitterを初めた頃は、聞き慣れない言葉があって戸惑うこともあるかと思います。<br />
用語が分からないし何をどうしていいやら・・・<br />
そんな方のためによく使われる用語をご説明いたします。</p>
<p><strong>フォロー</strong><br />
他のユーザーのつぶやきを自分の画面上で読めるように登録すること。<br />
タイムライン画面で見られるようになります。</p>
<p><strong>フォロワー</strong><br />
あなたをフォローしているユーザーのことを言います。</p>
<p><strong>@返信</strong><br />
リプライともいいます。<br />
他のユーザーのつぶやきに対して返信する機能です。<br />
ユーザー名が「abcd」の場合、文頭に「@」をつけてつぶやくと相手に返信が出来ます。例：「@abcd こんにちは！」<br />
注意しなければならないのは「@」で相手を指定しても、その発言は一般公開されるということです。「ダイレクトメッセージ」で送らない限りは@返信のツイートも一般に公開されてしまいます。</p>
<p><strong>RT</strong><br />
リツイート。<br />
他のユーザーのつぶやきを自分がリピートしてつぶやく時に使う表記です。</p>
<p><strong>DM</strong>ダイレクトメッセージ。<br />
他のユーザーに直接メッセージを送る機能。リプライは第三者でも見れますが、DMは送受信者しかみることができないので他の人に見られたくない場合や個人的な内容を相手に送るときなどに使います。</p>
<p>ざっと簡単に説明しましたが、細かい機能は使っていくうちに自然と分かるようになると思います。<br />
それでは楽しいTwitterライフを送りましょう！</p>
<h3>Twitter参考サイト</h3>
<p>Twitterについて解説したサイトを幾つかご紹介いたします。</p>
<p>Twitterの始め方が詳しく紹介されています。<br />
<q><a title="http://www.greenspace.info/twitter/" href="http://www.greenspace.info/twitter/" target="_blank">Twitterをはじめよう！</a></q></p>
<p>Twitterの基本用語と使い方を解説しています。<br />
<q><a title="http://tweeter.jp/2009/08/11/twitter-567.html" href="http://tweeter.jp/2009/08/11/twitter-567.html" target="_blank">ついーたーTweeter.jp</a></q></p>
<hr />
<p><cite><a title="第4回　Twitterでの新規アカウント作成" href="http://hpc.blog0.jp/archives/388" target="_blank">第4回　Twitterでの新規アカウント作成</a></cite><br />
<cite><a title="Twitterの「ボタン」「ウィジット」「ロゴとアイコン」利用方法" href="http://hpc.blog0.jp/archives/1698" target="_blank">Twitterの「ボタン」「ウィジット」「ロゴとアイコン」利用方法</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2108/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2108" />
	</item>
		<item>
		<title>ホワイトスペースを考慮して読みやすい文字組みを</title>
		<link>http://hpc.blog0.jp/archives/2080</link>
		<comments>http://hpc.blog0.jp/archives/2080#comments</comments>
		<pubDate>Wed, 25 Apr 2012 12:01:15 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[デザイナー]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2080</guid>
		<description><![CDATA[読みやすい文字組みにはルールがある 皆さんこんにちわ。 今回は印刷物をデザインする際に文字を読みやすくするための簡単な法則をお話しますね。 プロのデザイナーなら当たり前のようにやっていることかもしれませんが、文字組みの際 [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">読みやすい文字組みにはルールがある</h4>
<p>皆さんこんにちわ。</p>
<p>今回は印刷物をデザインする際に文字を読みやすくするための簡単な法則をお話しますね。</p>
<p>プロのデザイナーなら当たり前のようにやっていることかもしれませんが、文字組みの際にホワイトスペースを意識するということです。</p>
<p>ホワイトスペースとは文字を黒と考えた時の白い部分、つまり余白のことです。<br />
この余白の取り方によっては、文字がとても読みにくくなってしまうことがあるのです。</p>
<p>下の文字組みを見て読みにくいと感じませんか？<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/howa02.gif" alt="行間が狭い文字組の図" title="行間が狭い文字組" width="280" height="216" class="alignnone size-full wp-image-2085" /></p>
<p>では下図の文字組みはどうでしょうか？<br />
先ほどより読みやすいと感じるのではないでしょうか？<br />
<img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/howa1.gif" alt="字間より行間が広い図" title="字間より行間が広い" width="267" height="188" class="alignnone size-full wp-image-2086" /></p>
<p>実はホワイトスペースには下のようなルールがあります。</p>
<p>　字間　＜　行間　＜　段間</p>
<p>文字と文字の間の余白は、行と行の間の余白よりも狭くなくてはいけません。<br />
また行と行の間の余白は、段組の段と段の間の余白よりも狭くなければならないのです。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/howa2.gif" alt="読みやすい行間・段間の図" title="読みやすい行間・段間" width="611" height="212" class="alignnone size-full wp-image-2087" /></p>
<p>こうしたルールをきちんと守ることによって、読みやすい文字組みになるのです。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/howa3.gif" alt="読みやすい文字組み" title="読みやすい文字組み" width="400" height="562" class="alignnone size-full wp-image-2089" /></p>
<hr />
<p><cite><a title="デザイナーなら知っておきたい　無料フォントダウンロードサイト" href="http://hpc.blog0.jp/archives/1636" target="_blank">デザイナーなら知っておきたい　無料フォントダウンロードサイト</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2080/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2080" />
	</item>
		<item>
		<title>スマートフォン　セキュリティ対策の方法</title>
		<link>http://hpc.blog0.jp/archives/2056</link>
		<comments>http://hpc.blog0.jp/archives/2056#comments</comments>
		<pubDate>Wed, 18 Apr 2012 12:50:36 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2056</guid>
		<description><![CDATA[スマートフォン利用者が気を付けなければならないこと 皆さんこんにちわ。 最近、Android（アンドロイド）のスマートフォンに保存された電話帳の個人情報を勝手に外部に送信するアプリが確認されたとのニュースが報道されました [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">スマートフォン利用者が気を付けなければならないこと</h4>
<p>皆さんこんにちわ。</p>
<p>最近、Android（アンドロイド）のスマートフォンに保存された電話帳の個人情報を勝手に外部に送信するアプリが確認されたとのニュースが報道されました。</p>
<p>携帯電話の延長のような軽い気持ちでスマートフォンを使っていると、自分や登録してある人たちの情報を外部に漏らしてしまう危険さえあるようです。</p>
<p>厳しい審査を経て登録されているiPhoneのアプリとは対照的にAndroidのアプリは自由な反面、安全性について心配な点があります。</p>
<p>スマートフォンは小さなパソコンであり、パソコンと同様セキュリティ対策が必要なものであるとの認識を持たなくてはいけませんね。</p>
<p>それで今回はスマートフォンのセキュリティ対策として何を行ったらよいのかという点を取り上げたいと思います。</p>
<h3>パスワードによる端末のロック</h3>
<p>基本的なことですが、パスワードによる端末のロックはスマートフォンを落としてしまった時に悪用されないための手っ取り早い方法です。</p>
<p>またSIM（UIM/USIM）カードのPINコードによるロックをしておけばSIMカードが不正使用されるのを防ぐことができます。</p>
<h3>OSとアプリの情報更新</h3>
<p>スマートフォンの動作環境（OSやブラウザ）にウイルスに悪用されるセキュリティ上の弱い点が存在すると、ウイルスが侵入する危険を回避しにくくなります。<br />
それでセキュリティ上の弱点に対応した最新版のOSをいつも導入しておくようにましょう。</p>
<p>またインストールしたアプリによっても、攻撃を受けたり情報が盗み出されたりする恐れがあります。<br />
それでアプリもできるだけ最新版に更新し、セキュリティ上の弱点が回避された状態にしておきましょう。</p>
<p>怪しいアプリはインストールしないようにし、もし既に危険なアプリをインストールしてしまっていたら、速やかに削除しましょう。</p>
<h3>セキュリティソフトの導入</h3>
<p>スマートフォンは小さなパソコンですから、安全に利用するためにはパソコンと同様セキュリティソフトを導入する必要があります。<br />
不正サイトへのアクセスを遮断する機能がついているか、またウィルス対策が万全かどうかチェックした上で導入するようにしましょう。</p>
<p><q><a title="http://jp.norton.com/theme.jsp?themeid=nms_top" href="http://jp.norton.com/theme.jsp?themeid=nms_top" target="_blank">ノートンモバイルセキュリティ</a></q></p>
<p><q><a title="http://virusbuster.jp/vb2012/android/?cid=paid_aw_04_8&#038;cm_mmc=ConsNew-_-google-_-04-_-_8" href="http://virusbuster.jp/vb2012/android/?cid=paid_aw_04_8&#038;cm_mmc=ConsNew-_-google-_-04-_-_8" target="_blank">ウイルスバスターモバイル</a></q></p>
<p><q><a title="http://www3.nhk.or.jp/news/html/20120417/t10014511911000.html" href="http://www3.nhk.or.jp/news/html/20120417/t10014511911000.html" target="_blank">NHK NEWSweb</a></q><br />
&nbsp;</p>
<hr />
<p><cite><a title="デザイナーなら知っておきたい　無料フォントダウンロードサイト" href="http://hpc.blog0.jp/archives/1636" target="_blank">デザイナーなら知っておきたい　無料フォントダウンロードサイト</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2056/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2056" />
	</item>
		<item>
		<title>デジカメ写真をまとめて縮小！　スグレモ縮画ツール</title>
		<link>http://hpc.blog0.jp/archives/2035</link>
		<comments>http://hpc.blog0.jp/archives/2035#comments</comments>
		<pubDate>Wed, 11 Apr 2012 08:45:15 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[有料ソフト]]></category>
		<category><![CDATA[画像加工]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2035</guid>
		<description><![CDATA[ドラッグ＆ドロップだけで、写真サイズ、ファイル名の変更が一度にできる 皆さんこんにちわ。 今回は先回に引き続きソースネクスト社から発売されているスグレモノのソフトをご紹介致します。 その名もスグレモ縮画ツールです。 この [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">ドラッグ＆ドロップだけで、写真サイズ、ファイル名の変更が一度にできる</h4>
<p>皆さんこんにちわ。</p>
<p>今回は先回に引き続きソースネクスト社から発売されているスグレモノのソフトをご紹介致します。</p>
<p>その名も<strong>スグレモ縮画ツール</strong>です。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/51E0vpQeBdL._SL500_AA300_.jpg" alt="スグレモ縮画ツールの図" title="スグレモ縮画ツール" width="300" height="300" class="alignnone size-full wp-image-2039" /></p>
<p>このソフトはあらかじめファイルサイズを指定しておくと、アイコン上にドラックした写真すべてを指定しておいたサイズに縮小してくれるのです。</p>
<p>何枚もの写真を画像編集ソフトで開いて縮小、開いて縮小…　と繰り返す必要はもうありません。</p>
<p>またデジカメで撮った写真の日付と連番のファイル名もより分かりやすい名前に一度に変更することができます。</p>
<p>「毎日のブログの写真をいつも同じサイズに縮小したい」、「メールの相手から指定されたファイル形式で写真を添付して毎回送りたい」、そんな方にぴったりです。</p>
<p>毎日の作業の簡素化に使ってみるのはいかがでしょうか？</p>
<p>標準価格：1,980円</p>
<p><q><a title="http://www.sourcenext.com/product/pc/uti/pc_uti_000348/#system" href="http://www.sourcenext.com/product/pc/uti/pc_uti_000348/#system" target="_blank">スグレモ縮画ツール</a></q></p>
<hr />
<p><cite><a title="【パソコン画面を手軽にキャプチャできるソフト！　スグレモ3撮画ツール" href="http://hpc.blog0.jp/archives/2000" target="_blank">パソコン画面を手軽にキャプチャできるソフト！　スグレモ3撮画ツール</a></cite><br />
<cite><a title="インストール不要の無料画像加工ソフト　ＮＥＶＥＲフォトエディター" href="http://hpc.blog0.jp/archives/1356" target="_blank">インストール不要の無料画像加工ソフト　ＮＥＶＥＲフォトエディター</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2035/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2035" />
	</item>
		<item>
		<title>パソコン画面を手軽にキャプチャできるソフト！　スグレモ3撮画ツール</title>
		<link>http://hpc.blog0.jp/archives/2000</link>
		<comments>http://hpc.blog0.jp/archives/2000#comments</comments>
		<pubDate>Wed, 04 Apr 2012 07:15:01 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[初めての方へ]]></category>
		<category><![CDATA[有料ソフト]]></category>
		<category><![CDATA[画像加工]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=2000</guid>
		<description><![CDATA[たった1980円でパソコン上の写真撮影が簡単にできる 皆さんこんにちわ。 今回はソースネクスト社から発売されているパソコン画面を手軽にキャプチャできるソフト　スグレモ3撮画ツールについてお話しますね。 このソフトはパソコ [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">たった1980円でパソコン上の写真撮影が簡単にできる</h4>
<p>皆さんこんにちわ。</p>
<p>今回はソースネクスト社から発売されているパソコン画面を手軽にキャプチャできるソフト　<strong>スグレモ3撮画ツール</strong>についてお話しますね。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/04/113900_ll.jpg" alt="撮画ツール　スグレモの図" title="撮画ツール　スグレモ" width="200" height="279" class="alignnone size-full wp-image-2003" /></p>
<p>このソフトはパソコン上に表示されているものの写真を撮ったり切り取ったりがとても簡単にできてしまう、正に<strong>スグレモノ</strong>なのです。</p>
<p>パソコンの設定画面を後で参照できるようにメモしたり、エラーメッセージが出て慌ててメモするということはよくあるのではないでしょうか。</p>
<p>そんな時、このソフトがあれば紙と鉛筆はいりません。<br />
カシャっと画面の写真を撮ればよいのです。</p>
<p>また初心者にとってブログやホームページの素材を用意するために、プロが使っているようなソフトをマスターするのは大変です。<br />
でもこのスグレモ3があれば、そうした素材も簡単に作成することが可能です。</p>
<p>そしてとにかくシンプルで操作が簡単なのが、初心者には嬉しいところです。</p>
<p>以下はスグレモ3撮画ツールを説明する動画です。</p>
<p><iframe src="http://www.youtube.com/embed/9Ruq2S_uVWM" frameborder="0" width="420" height="315"></iframe></p>
<p>初心者の方は画像の編集にまずはこのソフトから始めてみるのはいかがでしょうか？</p>
<p><q><a title="http://www.sourcenext.com/titles/use/113900/" href="http://www.sourcenext.com/titles/use/113900/" target="_blank">スグレモ3　撮画ツール</a></q></p>
<hr />
<p><cite><a title="インストール不要の無料画像加工ソフト　ＮＥＶＥＲフォトエディター" href="http://hpc.blog0.jp/archives/1356" target="_blank">インストール不要の無料画像加工ソフト　ＮＥＶＥＲフォトエディター</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/2000/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/2000" />
	</item>
		<item>
		<title>デザイナーなら知っておきたい　デザイン黄金比</title>
		<link>http://hpc.blog0.jp/archives/1952</link>
		<comments>http://hpc.blog0.jp/archives/1952#comments</comments>
		<pubDate>Wed, 28 Mar 2012 12:12:40 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[応用編]]></category>
		<category><![CDATA[デザイナー]]></category>
		<category><![CDATA[無料サービス]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=1952</guid>
		<description><![CDATA[黄金比をデザインに取り入れる方法 皆さんこんにちわ。 今回はデザインする時に参考にしたい黄金比についてお話しますね。 黄金比とは人が安定感や調和を感じ、最も美しいと思う比率です。 1 : (1+√5)÷2 という比率で約 [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">黄金比をデザインに取り入れる方法</h4>
<p>皆さんこんにちわ。</p>
<p>今回はデザインする時に参考にしたい<strong>黄金比</strong>についてお話しますね。<br />
黄金比とは人が安定感や調和を感じ、最も美しいと思う比率です。<br />
1 : (1+√5)÷2 という比率で約 1 : 1.618になります。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/ougonhi.jpg" alt="黄金比サイズの画像" title="黄金比サイズの画像" width="300" height="450" class="alignnone size-full wp-image-1959" /></p>
<p>この黄金比はピラミッドなど古代の建築物や絵画の多くにも使われ、アップル社のロゴや製品、またキャノンのデジカメのデザインにも使われているようです。<br />
美しいと評されている多くのものの中にこの比率が使われています。</p>
<p>またこの比率は美しいだけでなく機能や効率の点でも非常に優れています。<br />
円周360°を 1 : (1+√5)÷2に分けると約<strong>137.5°</strong>という角度になり、これは<strong>黄金角</strong>と呼ばれています。<br />
この黄金角は多くの植物が新たに成長する方向の角度です。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/Flower1-0061.jpg" alt="バラの画像" title="バラ" width="300" height="225" class="alignnone size-full wp-image-1973" /></p>
<p>花びらが1つ前に生成された角度を基準にこの角度の方向に成長すると以前に生成されたどの花びらとも異なる方向に成長することができます。<br />
花びらの生成が何回繰り返され、何周したとしても決して以前の花びらと同じ方向になることはないのです。<br />
バラの花びらを観察するなら、納得して頂けるのではないでしょうか。</p>
<p>またこの比率は次の数列とも関連があります。<br />
1,1,2,3,5,8,13,21,34　と来たら次にはどんな数が続くと思いますか？<br />
次は55です。そしてその次は89。この数列にどんなルールがあるかお分かりになったでしょうか。<br />
次に来る数は前の2つの数を合計したものになっていて、この数列は<strong>フィボナッチ数列</strong>と呼ばれています。<br />
このフィボナッチ数列の隣り合った数の比は数列が進むにつれ、だんだんと黄金比に近づいていくのです。<br />
1÷1=1　2÷1=2　3÷2=1.5　5÷3=1.6666　8÷5=1.6 13÷8=1.625　21÷13=1.61538…</p>
<p>さらに興味深いのは多くの花の花びらの枚数がこのフィボナッチ数列の数であるということです。<br />
紫つゆくさ3　桜5　コスモス8　マリーゴールド13　マーガレット21などがその例です。</p>
<p>以下は黄金比とフィボナッチ数列を説明する「Nature by Numbers」という動画です。</p>
<p><iframe src="http://www.youtube.com/embed/kkGeOWYOFoA?rel=0" frameborder="0" width="560" height="315"></iframe><br />
<q><a title="http://etereaestudios.com/docs_html/nbyn_htm/intro.htm" href="http://etereaestudios.com/docs_html/nbyn_htm/intro.htm" target="_blank">Nature by Numbers</a></q></p>
<p>自然界のいたるところに存在し、人間が最も美しいと感じるこの黄金比をあなたのデザインにも取り入れてみるのはいかがでしょうか。</p>
<p>黄金比をデザインに利用する方法を解説したサイトを幾つかご紹介したいと思います。</p>
<h3>webデザイン講座　おしゃれチップス</h3>
<p>黄金比と白銀比をデザインに活用する方法が記述されています。</p>
<p><q><a title="http://oshare.chips.jp/making/02layout/07route.html" href="http://oshare.chips.jp/making/02layout/07route.html" target="_blank">webデザイン講座　おしゃれチップス　黄金比と白銀比を活用しよう</a></q></p>
<p>&nbsp;</p>
<h3>coliss</h3>
<p>矩形・マージン・パーツに黄金比を活用する方法が説明されています。</p>
<p><q><a title="http://coliss.com/articles/build-websites/operation/design/206.html" href="http://coliss.com/articles/build-websites/operation/design/206.html" target="_blank">coliss　黄金比をサイトのデザインに取り入れる簡単な３つの方法</a></q></p>
<p>&nbsp;</p>
<h3>[Z]ZAPAブロ～グ2.0</h3>
<p>1ヶ所の幅を指定すると、残りの幅を全て自動で計算してくれるツールです。</p>
<p><q><a title="http://zapanet.info/blog/item/1298" href="http://zapanet.info/blog/item/1298" target="_blank">[Z]ZAPAブロ～グ2.0　Webデザイン黄金比計算ツール</a></q></p>
<p>&nbsp;</p>
<h3>Design Develop</h3>
<p>黄金比をWEBデザインで簡単に利用できるWEBツール「Golden Ratio Calculator」の利用方法を説明しています。</p>
<p><q><a title="http://design-develop.net/web-design/golden-ratio-calculator.html" href="http://design-develop.net/web-design/golden-ratio-calculator.html" target="_blank">Design Develop 黄金比でWEBデザイン「Golden Ratio Calculator」</a></q></p>
<p>&nbsp;</p>
<h3>Re:Creator’s Kansai</h3>
<p>黄金比の利用方法を載せている色々なサイトを紹介しています。</p>
<p><q><a title="http://www.re-creators.jp/blog/2008/06/04_21.html" href="http://www.re-creators.jp/blog/2008/06/04_21.html" target="_blank">Re:Creator’s Kansai Webデザインに黄金比を取り入れよう</a></q></p>
<p>&nbsp;</p>
<hr />
<p><cite><a title="デザイナーなら知っておきたい　無料フォントダウンロードサイト" href="http://hpc.blog0.jp/archives/1636" target="_blank">デザイナーなら知っておきたい　無料フォントダウンロードサイト</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/1952/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/1952" />
	</item>
		<item>
		<title>デザイナーなら知っておきたい　無料で使えるカラーツール</title>
		<link>http://hpc.blog0.jp/archives/1917</link>
		<comments>http://hpc.blog0.jp/archives/1917#comments</comments>
		<pubDate>Wed, 21 Mar 2012 10:42:40 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[応用編]]></category>
		<category><![CDATA[デザイナー]]></category>
		<category><![CDATA[無料サービス]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=1917</guid>
		<description><![CDATA[デザインの配色に迷ったら参考にできるサイト 皆さんこんにちわ。 今回は無料で使えるカラーツールについてお話しますね。 ご存知の通り色が与える印象はとても強いものです。 人を元気づけたり活動的にならせたりする色もあれば、気 [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">デザインの配色に迷ったら参考にできるサイト</h4>
<p>皆さんこんにちわ。</p>
<p>今回は無料で使えるカラーツールについてお話しますね。<br />
ご存知の通り色が与える印象はとても強いものです。<br />
人を元気づけたり活動的にならせたりする色もあれば、気持ちを落ち着かせ冷静な気持ちにさせる色もあります。<br />
私たちは知らず知らずのうちに目にするものの色から少なからず影響を受けているものですね。</p>
<p>ではこれをデザインする側の観点から考えてみましょう。<br />
人にはそれぞれ好みの色があるものですが、プロのデザイナーなら自分の好みを優先させるよりも制作物の目的の達成に最も適した色選びをするはずです。<br />
配色は見る人に特定のメッセージを伝え、時には人を何らかの行動へと促すこともあるからです。<br />
では今制作しようとしている物を主に利用する性別や年代の人はどんな色を好むのでしょうか？<br />
また扱っている企業を適切に表現するのはどんな配色でしょうか？</p>
<p>こうした色選びを自分で考えながら行うこともできますが、以下のサイトを参考にしてみるのはいかがでしょうか？</p>
<h3>kuler</h3>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color1.gif" alt="kulerサイトの図" title="kuler" width="500" height="370" class="alignnone size-full wp-image-1924" /></p>
<p><q><a title="http://kuler.adobe.com/#themes/rating?time=30" href="http://kuler.adobe.com/#themes/rating?time=30" target="_blank">kuler</a></q></p>
<p>&nbsp;</p>
<h3>Color Scheme Designer</h3>
<p>類似色や補色の組み合わせの配色を表示してくれます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color2.gif" alt="Color Scheme Designerサイトの図" title="Color Scheme Designer" width="500" height="348" class="alignnone size-full wp-image-1927" /></p>
<p><q><a title="http://colorschemedesigner.com/" href="http://colorschemedesigner.com/" target="_blank">Color Scheme Designer</a></q></p>
<p>&nbsp;</p>
<h3>COLOR SCHEMER ONLINE</h3>
<p>クリックした色に合った配色を表示してくれます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color3.jpg" alt="color schemer onlineサイトの図" title="color schemer online" width="500" height="340" class="alignnone size-full wp-image-1929" /></p>
<p><q><a title="http://www.colorschemer.com/online.html" href="http://www.colorschemer.com/online.html" target="_blank">COLOR SCHEMER ONLINE</a></q></p>
<p>&nbsp;</p>
<h3>I Like Your Colors</h3>
<p>URLを入力するとそのサイトで利用している色を抽出してくれます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color4.gif" alt="I Like Your Colorsサイトの図" title="I Like Your Colors" width="500" height="492" class="alignnone size-full wp-image-1934" /></p>
<p><q><a title="http://redalt.com/Tools/I+Like+Your+Colors" href="http://redalt.com/Tools/I+Like+Your+Colors" target="_blank">I Like Your Colors</a></q></p>
<p>&nbsp;</p>
<h3>webセーフカラー配色辞典</h3>
<p>各テーマごとに配色を表示してくれます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color5.gif" alt="配色辞典サイトの図" title="配色辞典" width="463" height="583" class="alignnone size-full wp-image-1939" /></p>
<p><q><a title="http://gihyo.jp/assets/files/book/2001/haishoku/" href="http://gihyo.jp/assets/files/book/2001/haishoku/" target="_blank">webセーフカラー配色辞典</a></q></p>
<p>&nbsp;</p>
<h3>Mariのいろえんぴつ</h3>
<p>ホームページの配色やトーン別の配色を表示してくれます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/color6.jpg" alt="Mariのいろえんぴつサイトの図" title="Mariのいろえんぴつ" width="500" height="484" class="alignnone size-full wp-image-1944" /></p>
<p><q><a title="http://iroempitsu.net/index.htm" href="http://iroempitsu.net/index.htm" target="_blank">Mariのいろえんぴつ</a></q></p>
<hr />
<p><cite><a title="デザイナーなら知っておきたい　無料フォントダウンロードサイト" href="http://hpc.blog0.jp/archives/1636" target="_blank">デザイナーなら知っておきたい　無料フォントダウンロードサイト</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/1917/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/1917" />
	</item>
		<item>
		<title>デザイナーなら知っておきたい　無料アイコンダウンロードサイト</title>
		<link>http://hpc.blog0.jp/archives/1849</link>
		<comments>http://hpc.blog0.jp/archives/1849#comments</comments>
		<pubDate>Wed, 14 Mar 2012 10:17:43 +0000</pubDate>
		<dc:creator>ホームページ執事</dc:creator>
				<category><![CDATA[応用編]]></category>
		<category><![CDATA[無料サービス]]></category>
		<category><![CDATA[素材サイト]]></category>

		<guid isPermaLink="false">http://hpc.blog0.jp/?p=1849</guid>
		<description><![CDATA[WEBで使うアイコン素材を無料でダウンロードできる 皆さんこんにちわ。 今回は無料で利用可能なアイコン素材をダウンロードできるサイトをご紹介しますね。 皆さんもご存じの通りアイコンを使うと見出しにデザイン性を加えることが [...]]]></description>
			<content:encoded><![CDATA[<div class="custom">
<h4 class="h4tit02">WEBで使うアイコン素材を無料でダウンロードできる</h4>
<p>皆さんこんにちわ。</p>
<p>今回は無料で利用可能なアイコン素材をダウンロードできるサイトをご紹介しますね。</p>
<p>皆さんもご存じの通りアイコンを使うと見出しにデザイン性を加えることができますね。さらにアイコンの絵柄は見ただけで利用者に特定の意味を伝えることもできます。<br />
そんな便利なアイコンですが、自分でいちから作ると結構手間がかかるものです。</p>
<p>以下のサイトからダウンロードして使ってみるのはいかがでしょうか？<br />
各サイトによって利用方法や注意点が異なりますのでそれらを参照の上、ご利用下さい。</p>
<h3>デザイン素材.com</h3>
<p>WEBに使えるアイコンがたくさん揃っています。<br />
しかも商用利用も可能で、加工も自由です。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/icon1.gif" alt="デザイン素材.comサイトの図" title="デザイン素材.com" width="500" height="345" class="alignnone size-full wp-image-1862" /></p>
<p><q><a title="http://designsozai.com/" href="http://designsozai.com/" target="_blank">デザイン素材.com</a></q></p>
<p>&nbsp;</p>
<h3>Icon Toucan</h3>
<p>使いたいアイコンを右の「DROP HERE」ボタン上にドラックし、Downloadボタンをクリックすることで簡単にダウンロードできます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/icon2.gif" alt="Icon Toucanサイトの図" title="Icon Toucan" width="500" height="281" class="alignnone size-full wp-image-1867" /></p>
<p><q><a title="http://icontoucan.com/" href="http://icontoucan.com/" target="_blank">Icon Toucan</a></q></p>
<p>&nbsp;</p>
<h3>0円のweb素材屋さん</h3>
<p>プロのwebデザイナーによって作られているアイコン、ボタン、背景、バナーなどが豊富に用意されています。ビジネス向けの商用にも利用できます。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/icon3.gif" alt="0円のweb素材屋さんサイトの図" title="0円のweb素材屋さん" width="500" height="319" class="alignnone size-full wp-image-1871" /></p>
<p><q><a title="http://www.image-seed.com/" href="http://www.image-seed.com/" target="_blank">0円のweb素材屋さん</a></q></p>
<p>&nbsp;</p>
<h3>FIND ICONS</h3>
<p>キーワードを入力するだけで、種類豊富なアイコンを検索することができるサイトです。</p>
<p><img src="http://hpc.blog0.jp/wp-content/uploads/2012/03/icon4.gif" alt="FIND ICONSサイトの図" title="FIND ICONS" width="500" height="250" class="alignnone size-full wp-image-1892" /></p>
<p><q><a title="http://findicons.com/" href="http://findicons.com/" target="_blank">FIND ICONS</a></q></p>
<hr />
<p><cite><a title="デザイナーなら知っておきたい　無料フォントダウンロードサイト" href="http://hpc.blog0.jp/archives/1636" target="_blank">デザイナーなら知っておきたい　無料フォントダウンロードサイト</a></cite><br />
<cite><a title="【まとめ】無料のデザイン・イラスト素材サイト" href="http://hpc.blog0.jp/archives/848 " target="_blank">【まとめ】無料のデザイン・イラスト素材サイト</a></cite></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://hpc.blog0.jp/archives/1849/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hpc.blog0.jp/archives/1849" />
	</item>
	</channel>
</rss>

