<?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>レスポンシブウェブデザイン  |  3分でサクッと読める中小企業経営TIPS</title>
	<atom:link href="https://takayuki.shinmoto.info/tag/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/feed/" rel="self" type="application/rss+xml" />
	<link>https://takayuki.shinmoto.info</link>
	<description>中小企業経営に役立つヒント、最新AI活用、Web3まで</description>
	<lastBuildDate>Fri, 29 Jun 2018 16:12:21 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>

<image>
	<url>https://takayuki.shinmoto.info/wp-content/uploads/2017/07/logo-150x150.png</url>
	<title>レスポンシブウェブデザイン  |  3分でサクッと読める中小企業経営TIPS</title>
	<link>https://takayuki.shinmoto.info</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">127951829</site>	<item>
		<title>中途半端なモバイル対応ページとは！？</title>
		<link>https://takayuki.shinmoto.info/2017/06/halfway/</link>
		
		<dc:creator><![CDATA[眞本崇之]]></dc:creator>
		<pubDate>Wed, 14 Jun 2017 09:07:13 +0000</pubDate>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[スマホ]]></category>
		<category><![CDATA[レスポンシブウェブデザイン]]></category>
		<guid isPermaLink="false">http://takayuki.shinmoto.info/?p=1343</guid>

					<description><![CDATA[今回は、ホームページ改善でよく質問される、モバイル対応とは具体的に何か、中途半端なモバイル対応とはどういう状況か、というようなことについて書いていきたいと思います。 スマホが普及する数年前までは、主にPCの大きく横長の画 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc"><p><img fetchpriority="high" decoding="async" data-attachment-id="1345" data-permalink="https://takayuki.shinmoto.info/2017/06/halfway/yk0i9a6213_tp_v/" data-orig-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V.jpg" data-orig-size="1600,1066" data-comments-opened="0" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="YK0I9A6213_TP_V" data-image-description="" data-image-caption="" data-medium-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-300x200.jpg" data-large-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-1024x682.jpg" class="aligncenter size-large wp-image-1345" src="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-1024x682.jpg" alt="" width="1024" height="682" srcset="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-1024x682.jpg 1024w, https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-300x200.jpg 300w, https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V-768x512.jpg 768w, https://takayuki.shinmoto.info/wp-content/uploads/2017/06/YK0I9A6213_TP_V.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
今回は、ホームページ改善でよく質問される、モバイル対応とは具体的に何か、中途半端なモバイル対応とはどういう状況か、というようなことについて書いていきたいと思います。</p>
<p>スマホが普及する数年前までは、主にPCの大きく横長の画面で見られることを前提に、サイトが作られていました。<br />
例えば、グローバルナビと呼ばれる横長のメニューバーがありました。</p>
<p>一方で、スマホの画面は、小さく縦長であるため、PCと同じような構図ではとても見づらいページになってしまいます。<br />
スマホで閲覧されることを意識したレイアウトにしなければなりません。</p>
<p>そこで、まずは現状を確認してみてください。</p>
<hr />
<p>まず、モバイル向けサイトを作っていない、というのは論外ですね。<br />
固定幅で作られたPCサイトをモバイルで見たら、横へもスクロール（スマホ操作では&#8221;フリック&#8221;）をしなければ全体を見ることができなかったり、スクロールさせるとナビゲーションが隠れてしまったり、拡大しないと字がよめなかったり、、、</p>
<p>続いて、PCサイトを元にして、モバイルサイトに変換して作成してある場合。<br />
昔作ったサイトではこれが多いケースです。<br />
例えば、flashが使われているようなサイトがありますよね。<br />
おそらくモバイルで見るサイトにもそのままflashが使われているのですが、iPhoneではflashが見えません。。。</p>
<p>レスポンシブデザインになっているけど、、、<br />
操作しづらい（リンクが押しづらい）サイトもあります。<br />
指の大きな男性に多いのが、間違って隣のボタンを押してしまう、ということもあります。</p>
<p>また、ヘッダー画像などの中に、住所や電話番号が埋め込まれて書いてある場合も多いです。<br />
せっかくスマホですぐ電話をかけられる状況にあるのに、電話番号をタップしても、何も反応しない。。。<br />
お店への行き方をサッと調べたいのに、住所から地図アプリに連携していない、、、</p>
<p>最後に、、、<br />
PC向けサイトとは別に、モバイル向けコンテンツを用意していて、モバイル向けのページが情報量がPC版に比べて圧倒的に少ない場合、スマホしか持っていない人が閲覧したときに、その情報では物足りず、大きな機会損失になってしまいます。</p>
<p>さらに、先日のモバイルファーストインデックスの記事に関連して、重要なコンテンツはPC版にある場合には、そのモバイル用ページは評価されなくなってしまうようです。</p>
<hr />
<p>まずはご自身のスマホで自社のサイトがどう見えるか、どのように操作して集客に繋がるのか、確認してみてください。</p>
<p>ちなみに、当ブログのトップページをスマホで見ると、下の画像のようにみえているはずです。<br />
<img decoding="async" data-attachment-id="1361" data-permalink="https://takayuki.shinmoto.info/2017/06/halfway/img_2918/" data-orig-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918.png" data-orig-size="640,13516" data-comments-opened="0" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="IMG_2918" data-image-description="" data-image-caption="" data-medium-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918-14x300.png" data-large-file="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918-48x1024.png" class="aligncenter size-large wp-image-1361" src="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918-48x1024.png" alt="" width="48" height="1024" srcset="https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918-48x1024.png 48w, https://takayuki.shinmoto.info/wp-content/uploads/2017/06/IMG_2918-14x300.png 14w" sizes="(max-width: 48px) 100vw, 48px" /></p>
[amazonjs asin=&#8221;4839965463&#8243; locale=&#8221;JP&#8221; title=&#8221;現場のプロがやさしく書いたWebサイトの分析・改善の教科書【改訂2版】&#8221;]
</div>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1343</post-id>	</item>
	</channel>
</rss>
