<?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%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%95%E3%83%AC%E3%83%B3%E3%83%89%E3%83%AA%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog-homepage.net</link>
	<description>スモールビジネスのためのウェブ現場のあるある情報 管理人【桑野一哉】</description>
	<lastBuildDate>Tue, 04 Dec 2018 06:24:46 +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%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%95%E3%83%AC%E3%83%B3%E3%83%89%E3%83%AA%E3%83%BC/feed/"/>
	<item>
		<title>「モバイル ユーザビリティ」の問題が新たに検出されました</title>
		<link>https://blog-homepage.net/web-column/%e3%80%8c%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab-%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3%e3%80%8d%e3%81%ae%e5%95%8f%e9%a1%8c%e3%81%8c%e6%96%b0%e3%81%9f%e3%81%ab%e6%a4%9c%e5%87%ba/</link>
		
		<dc:creator><![CDATA[桑野 一哉]]></dc:creator>
		<pubDate>Tue, 04 Dec 2018 06:24:46 +0000</pubDate>
				<category><![CDATA[Web業界コラム]]></category>
		<category><![CDATA[サーチコンソール]]></category>
		<category><![CDATA[モバイル]]></category>
		<category><![CDATA[モバイルフレンドリー]]></category>
		<guid isPermaLink="false">https://blog-homepage.net/?p=4665</guid>

					<description><![CDATA[目次 モバイル ユーザビリティコンテンツの幅が画面の幅を超えていますまとめ モバイル ユーザビリティ 年々制度があがって厳しくなる、モバイルユーザビリティ。 Googleさんからのスマホ対応してくださいね！というメッセー [&#8230;]]]></description>
										<content:encoded><![CDATA[	
  <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><ol><li><a href="#toc2" tabindex="0">コンテンツの幅が画面の幅を超えています</a></li></ol></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">モバイル ユーザビリティ</span></h2>
<p>年々制度があがって厳しくなる、モバイルユーザビリティ。</p>
<p>Googleさんからのスマホ対応してくださいね！というメッセージ。</p>
<p>&nbsp;</p>
<p>サチコさんには、こんなメッセージが届きました。</p>
<blockquote><p>Search Console により、貴サイトに影響する「モバイル ユーザビリティ」関連の問題が新たに 1 件検出されました。 「モバイル ユーザビリティ」は Google 検索結果で悪影響を受ける可能性がございます。 この問題をご確認のうえ、修正することをご検討ください。</p></blockquote>
<p>検索結果にも影響を及ぼしちゃうかも？<br />
なんて言われたら、そりゃ対応する必要があるでしょう。</p>
<p>&nbsp;</p>
<h3><span id="toc2">コンテンツの幅が画面の幅を超えています</span></h3>
<p>新説なのは警告の理由も記載してありました。<br />
そして、警告のページURLも教えてくれます。</p>
<p><img decoding="async" class="alignnone size-medium wp-image-4666" src="https://blog-homepage.net/img/2018120401-300x142.jpg" alt="コンテンツの幅が画面の幅を超えています" width="300" height="142" srcset="https://blog-homepage.net/img/2018120401-300x142.jpg 300w, https://blog-homepage.net/img/2018120401-304x144.jpg 304w, https://blog-homepage.net/img/2018120401.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>&nbsp;</p>
<p>該当のページをモバイルフレンドリーテストでチェックします。</p>
<p><a href="https://blog-homepage.net/img/2018120402.jpg"><img decoding="async" class="alignnone size-medium wp-image-4667" src="https://blog-homepage.net/img/2018120402-300x118.jpg" alt="モバイルフレンドリーテスト" width="300" height="118" srcset="https://blog-homepage.net/img/2018120402-300x118.jpg 300w, https://blog-homepage.net/img/2018120402-304x119.jpg 304w, https://blog-homepage.net/img/2018120402.jpg 599w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
モバイルフレンドリーではりませんでした。</p>
<p>&nbsp;</p>
<p>これかなぁ？<br />
と、まずはユーチューブの埋め込み動画のサイズを変更してみました。<br />
標準は560ピクセルですが、480ピクセルに。</p>
<p>&nbsp;</p>
<p><a href="https://blog-homepage.net/img/2018120403.jpg"><img decoding="async" class="alignnone size-medium wp-image-4668" src="https://blog-homepage.net/img/2018120403-300x142.jpg" alt="ユーチューブ埋め込み" width="300" height="142" srcset="https://blog-homepage.net/img/2018120403-300x142.jpg 300w, https://blog-homepage.net/img/2018120403-304x144.jpg 304w, https://blog-homepage.net/img/2018120403.jpg 599w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>修正後に、再度モバイルフレンドリーテストを行います。</p>
<p><a href="https://blog-homepage.net/img/2018120404.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-4669" src="https://blog-homepage.net/img/2018120404-300x103.jpg" alt="モバイルフレンドリーテスト" width="300" height="103" srcset="https://blog-homepage.net/img/2018120404-300x103.jpg 300w, https://blog-homepage.net/img/2018120404-304x104.jpg 304w, https://blog-homepage.net/img/2018120404.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>1発正解だったようで、とりあえずスマホ対応に合格になりました。</p>
<p>でもサチコさんでは、まだ残ってます。<br />
まぁそれらは、おいおい修正するということで。</p>
<p>&nbsp;</p>
<h2><span id="toc3">まとめ</span></h2>
<p>どちらにしても、今後のページ作成はモバイル対応が必要。<br />
ブログの動画や画像のサイズも意識しながら投稿した方がよいですね。</p>
<p>&nbsp;</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>
