<?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>ウェブ制作（ドメイン・サーバ・メール関連）研究室 &#187; HTML</title>
	<atom:link href="http://www.labo-ip.com/?feed=rss2&#038;tag=html" rel="self" type="application/rss+xml" />
	<link>http://www.labo-ip.com</link>
	<description>ウェブ制作スタッフによるウェブ全般の情報とテクニック集です</description>
	<lastBuildDate>Fri, 25 Jul 2014 01:00:21 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.38</generator>
	<item>
		<title>HTMLの改善とGoogleのインデックス</title>
		<link>http://www.labo-ip.com/?p=467</link>
		<comments>http://www.labo-ip.com/?p=467#comments</comments>
		<pubDate>Sun, 20 Jul 2014 01:00:38 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[Googleのウェブマスターツール]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=467</guid>
		<description><![CDATA[Googleのウェブマスターツールでは、現在のHTMLの状況が確認でき、改善すべき、箇所を確認することができま [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>Googleのウェブマスターツールでは、現在のHTMLの状況が確認でき、<br />改善すべき、箇所を確認することができます。<br />（左メニューの「検索のデザイン」→「HTMLの改善」をクリック）</p>
<p>▼下記の場合、メターデータ：descriptions（サイトの説明文）とタイトルタグがページに重複（同じもの）が入っていることがわかります。（それぞれ個別の文に設定し直すことで改善します）</p>
<p><img class="alignnone size-full wp-image-461" src="http://www.labo-ip.com/wp-content/uploads/2014/04/wmt_p04.jpg" alt="wmt_p04" width="500" height="286" /></p>
<p>また、Googleインデックスに登録されたページ数が確認できます。<br />下記の場合は、1122ページがGoogleにインデックスされています。</p>
<p>（Googleインデックスは、書籍でいう索引のようなもので、<br />そこに登録されているページから、検索キーワードに対し、<br />最適なページを見つけて表示させています。）</p>
<p><img class="alignnone size-full wp-image-457" src="http://www.labo-ip.com/wp-content/uploads/2014/04/wmt_p05.jpg" alt="wmt_p05" width="500" height="401" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=467</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>facebookページにアイフレームでページを表示させる方法2</title>
		<link>http://www.labo-ip.com/?p=366</link>
		<comments>http://www.labo-ip.com/?p=366#comments</comments>
		<pubDate>Wed, 09 Jul 2014 01:00:57 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=366</guid>
		<description><![CDATA[（前回のfacebookページにアイフレームでページを表示させる方法1の続きです）facebookページで読み [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>（前回の<a href="http://www.hp-omakase.com/web02/?p=348">facebookページにアイフレームでページを表示させる方法1</a>の続きです）<br /><br />facebookページで読み込ませるページを作成します。</p>
<p>表示するページは、<br />スタンダードサイズが 520px、ワイドサイズは810pxになります。<br />（※表示サイズはfacebookアプリ開発ページで選択できます）</p>
<p><img src="http://www.labo-ip.com/wp-content/uploads/2014/02/fb_if2_1-234x300.jpg" alt="fb_if2_1" width="234" height="300" /></p>
<p>ページが出来ましたら下記のURLにアクセスします。</p>
<p><img src="http://www.labo-ip.com/wp-content/uploads/2014/02/fb_if2_2.jpg" alt="fb_if2_2" width="520" height="68" /></p>
<p>※FacebookアプリのIDは、開発者ページの下記の部分に表示しています。<br />（開発者ページについては、<a href="http://www.hp-omakase.com/web02/?p=348">前回の記事を参照ください。</a></p>
<p><img src="http://www.labo-ip.com/wp-content/uploads/2014/02/fb_if2_3.jpg" alt="fb_if2_3" width="388" height="111" /></p>
<p>URLにアクセスすると、下記のページが表示しますので<br />表示させるFacebookページを選び、「ページタブを追加」をクリックします。</p>
<p><img src="http://www.labo-ip.com/wp-content/uploads/2014/02/fb_if2_4.jpg" alt="fb_if2_4" width="400" height="164" /></p>
<p>これで、Facebookページに、アプリのタブが表示され<br />作成したページが表示するようになります。</p>
<p><img class="alignnone size-full wp-image-372" src="http://www.labo-ip.com/wp-content/uploads/2014/02/fb_if2_5.jpg" alt="fb_if2_5" width="480" height="614" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=366</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>facebookページにアイフレームでページを表示させる方法1</title>
		<link>http://www.labo-ip.com/?p=348</link>
		<comments>http://www.labo-ip.com/?p=348#comments</comments>
		<pubDate>Tue, 08 Jul 2014 01:00:52 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=348</guid>
		<description><![CDATA[facebookページのアプリタブからリンクするページでアイフレームでHTMLページを表示する方法をご案内しま [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>facebookページのアプリタブからリンクするページで<br />アイフレームでHTMLページを表示する方法をご案内します。<br />（facebookページで凝ったレイアウトのページが表示できます。）</p>
<p>まず、 facebookページのアプリを作成するために、開発者ページを開きます。<br />facebookページの一番下のメニューに「開発者」のリンクをクリックします。</p>
<p><img class="alignnone size-full wp-image-349" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if1.jpg" alt="facebook_if1" width="500" height="230" /></p>
<p>開発者ページを開きましたら、<br />画面上部のメニューから、「アプリ」→「新しいアプリを作成」を<br />クリックします。</p>
<p><img class="alignnone size-full wp-image-350" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if2.jpg" alt="facebook_if2" width="500" height="191" /></p>
<p>下記の「新しいアプリを作成」画面になりますので、項目を入力します。</p>
<p><img class="alignnone size-full wp-image-351" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if3.jpg" alt="facebook_if3" width="500" height="266" /></p>
<p>「Display Name」は画面上に表示される名前を入力します。<br />「Namespace」はFacebookアプリのURLに使われる名称です。<br />（Facebook上で今まで登録されていない名称を入れる必要があります）<br />「カテゴリ」は、「ページ用アプリ」を選びます。</p>
<p>入力が終わったら、「アプリケーションを作成」ボタンをクリックします。</p>
<p>下記のセキュリティチェックの画面が表示しますので、<br />画面に表示された文字を入力して、「送信」をクリックします。<br /><br />※読みづらい場合は「別の文字を表示」を何回かクリックして<br />わかるものを入力してください。</p>
<p><img class="alignnone size-full wp-image-352" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if4.jpg" alt="facebook_if4" width="400" height="246" /></p>
<p>下記のアプリの設定画面が表示されます。</p>
<p><img class="alignnone size-full wp-image-361" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if52.jpg" alt="facebook_if52" width="500" height="300" /></p>
<p>左側メニューのFacebookアプリの「設定」をクリックすると、<br />下記の基本データ画面になりますので、<br />画面上の「+Add Platform」をクリックします。</p>
<p><img class="alignnone size-full wp-image-354" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if6.jpg" alt="facebook_if6" width="500" height="284" /></p>
<p>下記の画面になりますので、「ページタブ」をクリックします。</p>
<p><img class="alignnone size-full wp-image-355" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if7.jpg" alt="facebook_if7" width="400" height="238" /></p>
<p>下記の「ページタブ」に関する設定画面になりますので、<br />読み込むHTMLファイルのあるサイトのURL等を入力します。<br />※URLの終わりの箇所は、○○.htmlなどでなく、「/」で終わるようにします。</p>
<p><img class="alignnone size-full wp-image-356" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if8.jpg" alt="facebook_if8" width="530" height="280" /></p>
<p>同じように、「+Add Platform」をクリックし、「ウェブサイト」をクリックします。</p>
<p><img class="alignnone size-full wp-image-357" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if9.jpg" alt="facebook_if9" width="400" height="238" /></p>
<p>アイフレームで表示させるサイトのURLを入力します。</p>
<p><img class="alignnone size-full wp-image-358" src="http://www.labo-ip.com/wp-content/uploads/2014/02/facebook_if10.jpg" alt="facebook_if10" width="500" height="187" /></p>
<p>入力が終わりましたら（基本データ画面の）「変更を保存」をクリックします。</p>
<p>これでアプリの設定が終わりましたので、<br />次回は、実際にアプリ（アイフレームでHTMLファイルを表示）を<br />Facebookページに表示させる方法をご案内します。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=348</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
