ネットショップって、ただ「**商品がある**」だけじゃもう足りない時代なんです。
 だって、同じ商品を他のお店でも買えるから。
じゃあ、どうやってお客さんの心をつかむの？
 答えは…「**お店の雰囲気**」を作ること！

# 雰囲気ってなに？なんで大事なの？
たとえば、おしゃれなカフェって、コーヒーの味だけじゃなくて、お店のインテリアや音楽も素敵ですよね。
 ネットショップもそれと同じ！画面の中で「ここ、好きかも！」って感じてもらうことが大事なんです。
商品はマネされやすいけど、お店の雰囲気はマネされにくいから、**あなただけの強み**になります。

# 雰囲気づくりの３つのヒント
## ① お客さんを知ろう：ターゲットに合わせたデザイン

たとえば、10代〜20代の若い人には「話題の色」が人気です。

### ドーパミンカラー：ビビッドで元気な色、見てるだけでワクワク！
![未命名-4-有料_黄色カラフルな靴屋広告_ポスター.png](https://cont.sterfield.co.jp/uploads/4_4a8a02f45f.png)

### モノトーンカラーやモランディカラー：落ち着いたオシャレ感で大人っぽい雰囲気
![未命名 (2).png](https://cont.sterfield.co.jp/uploads/2_39ceffe10b.png)

 その人たちが「これ、私っぽい！」と思える色やデザインにすると、お店に共感してもらえます。

## ② 季節に合わせた商品を見せよう！
日本には春・夏・秋・冬があるから、それぞれの季節にぴったりな商品を目立たせましょう！

### 春：お出かけグッズや明るい色の服が人気！

![未命名-1.png](https://cont.sterfield.co.jp/uploads/1_05a8f5abaf.png)

### 夏：水着、うちわ、冷たいドリンクなど、夏を楽しむアイテム

![未命名.png](https://cont.sterfield.co.jp/uploads/_f8bee4e2ad.png)

### 秋：紅葉っぽいオレンジ色、落ち着いたファッションがぴったり

![未命名 (1).png](https://cont.sterfield.co.jp/uploads/1_9c04d7b1c2.png)

### 冬：あったかグッズ（セーター、手袋、チョコレートなど）が欲しくなる季節

![未命名 (3).png](https://cont.sterfield.co.jp/uploads/3_33e031a0ef.png)

季節感のある画像やバナーも使って、「**今だけ感**」を出そう！

## ③ メイン商品でお店のイメージを作ろう！
お店の「イチオシ商品」を中心に、こんな風に紹介してみよう：

#### 使い方がわかる写真：どうやって使うのかが一目でわかる！

#### 生活っぽい写真：たとえば、家でその商品を使ってる様子を見せると「買ってみたい！」と思いやすくなる。

#### 豆知識やポイントも紹介：ちょっとした情報を入れると、信頼感アップ！


## 商品画像はとっても大事！
検索して出てくる中で「**この商品、気になる！**」と思ってもらうには、画像がカギです。

### パッと目を引くメイン画像
例えば、同じTシャツでも、
 白背景でただ置いてあるだけよりも、モデルが着ていたり、背景に工夫があったりすると、お客さんの目に止まりやすくなります。

### 詳しく見せるサブ画像
主画像で興味を持ってもらったら、次は「**詳しく見たい**」と思うのが自然ですよね。ここで登場するのがサブ画像。
サイズ、使い方、素材感など、買う前に知りたい情報をしっかり見せる。

### 「美味しそう！」「かわいい！」って思える感情を動かす写真
人は感情で買い物をします。食べ物なら、ふわっと香ってきそうな写真。
インテリアなら、あたたかみのある生活感のある写真。
「**おいしそう！**」「**かわいい！**」と感じる写真で、お客さんの心に刺さります。

### ぼやけてない、キレイな画質
基本中の基本ですが、画質が悪いと、即スルーされます！

1.ピントがあってるか？

2.  暗すぎないか？

3. 背景がごちゃごちゃしてないか？

このあたりも見直して、信頼される見せ方を意識しましょう。

# まとめ：自分だけの「お店の雰囲気」を作ろう！
ネットショップで大切なのは、「**ここで買いたい！**」と思ってもらうこと。
 商品の魅力だけじゃなくて、見せ方や雰囲気で「**好き！**」って思ってもらえたら、ファンになってもらえますよ♪
今こそ、自分だけの「お店の雰囲気」づくり、はじめてみましょう！


large_未命名-1 (2).png

medium_未命名-1 (2).png

small_未命名-1 (2).png

thumbnail_未命名-1 (2).png

未命名-1 (2).png

【ネットショップ経営のコツ】お店の雰囲気でファンを作ろう！

ネットショップを運営するなら、キーワードの重要性を見逃してはいけません！お客さんがどうやって商品を探すのか考えると、検索エンジンでの表示順位がとても大切です。上手にキーワードを使えば、あなたの商品が一気に人気になり、お店への訪問者も売上も2倍になるかもしれません！

キーワードをしっかり考えることは、商品を多くの人に見てもらうためにも、お店の運営にも大切です。ここでは、**「キーワードがお店の運営に与える影響」について5つのポイントをまとめました**：

### 1. 人気の検索ワードを調べよう

![螢幕擷取畫面 2025-03-18 112400.png](https://cont.sterfield.co.jp/uploads/2025_03_18_112400_f6547612d6.png)

まず最初に人気の検索ワードを調べましょう。これには**ニュース、季節、祝日、話題**などから生まれる関連商品があります。**Googleの検索エンジン**や**Googleトレンド**を使って、どんな言葉がよく検索されているか調べると、新しい商品のアイデアや、すでにある商品に関連する新商品を考えるヒントになります。お客さんの生活に近い、新しくて面白い、役立つ商品を提供できますよ。

## 2. ターゲットを絞ったキーワード
人気の高いキーワードをもっと細かく調整して、特定のお客さんだけを狙うことができます。お客さんのグループをはっきり分けることで、それぞれのグループに合った商品を選んだり、より的確なキーワードを使ったりできます。

#### 例えば「服」という大きなキーワードよりも「冬用（ふゆよう）メンズダウンジャケット」のような具体的なキーワードの方が、本当に興味のあるお客さんに届きます。

商品を出品するときは、**タイトル、説明文、広告**など、すべてに絞り込んだキーワードを使いましょう。これにより、本当に興味のあるお客さんだけに商品を見てもらえるようになり、広すぎるキーワードで広告費を無駄にすることも避けられます。

## 3. お客さんの目線で本当のキーワードを見つけよう

![source.jpg](https://cont.sterfield.co.jp/uploads/source_e9ebf17d43.jpg)
お客さんは商品を探すとき、一度に完璧なキーワードで検索することはめったにありません。普通はこんな風に検索します：

#### 最初の検索：広い意味のキーワード、例えば「スニーカー」

#### 2回目以降：欲しいものが見つからないと、もっと細かいキーワードを追加します。
**用途や色、ブランド**など…例えば「ランニングシューズ」、「白スニーカー」、「ナイキエアマックス」、「防水スニーカー」など

だから、あなたの商品カテゴリーで、お客さんが**よく使う言葉、流行語、専門用語**を調べることが大切です。お客さんのことをよく知れば、商品選びや売り方をもっと上手にできます。

## 4. ライバルのキーワード分析
例えば、あなたが手作りアクセサリーのお店を持っているとします。ライバルは同じようなアクセサリーを売っている他のネットショップでしょう。**ライバルが使っているキーワードを調べて、彼らが見落としているキーワードを見つけましょう**。

#### ライバルが「かわいいイヤリング」というキーワードを使っていても「アレルギーフリーイヤリング」を使っていなければ、それがあなたの差別化ポイントになります。
#### 金属アレルギーを持つお客さんを引き寄せられます。新しいキーワードを1つ見つければ、新しい戦い場を1つ獲得できます。

でも注意！キーワード分析はただライバルのキーワードを知るだけではありません。その後、キーワードの改善、良い内容作り、キーワードの効果を見て調整することも大切です。

## 5. 検索エンジン最適化（SEO）
**Google広告のキーワードプランナー**を使って、あなたの商品に関連するキーワードを見つけましょう。

#### 例えば、あなたの商品が観葉植物なら、「初心者向け観葉植物」、「日陰でも育つ観葉植物」などのキーワードが使えます。

#### 商品説明に「育て方ガイド」のような役立つ情報を入れると、お客さんに見つけてもらいやすくなります。

選んだキーワードをお店のいろいろな場所に自然に入れましょう：**タイトル、商品説明、画像の名前**など。でも、キーワードの使いすぎには注意して、自然な文章になるようにしましょう。

## まとめ
キーワードはネットショップ成功の鍵です。**人気の検索ワードを調べ、ターゲットを絞り、お客さんが実際に使う言葉を理解しましょう**。**ライバルが見落としているキーワードを活用すれば、差別化ができます。選んだキーワードを商品説明などに自然に取り入れ、定期的に効果を確認して改善していきましょう**。これであなたのお店の訪問者と売上アップにつながります！


large_Untitled.jpeg

medium_Untitled.jpeg

small_Untitled.jpeg

thumbnail_Untitled.jpeg

Untitled.jpeg

キーワードの力：ネットショップ成功への秘訣

<h3>コンテンツマーケティングにおけるビジネスメリットと効果に対しての着眼点</h3>
<p>前回投稿したコンテンツマーケティングについての記事になります。<br />
本投稿の前にこちらを一読いただけますとわかり易いと思います。</p>
<blockquote><p>4/9投稿：今更！？ コンテンツマーケティングの役割、効果と考え方<br />
<a href="https://sterfield.co.jp/blog/ec/マーケティング/今更！？-コンテンツマーケティングの役割、効果/">https://sterfield.co.jp/blog/ec/マーケティング/今更！？-コンテンツマーケティングの役割、効果/</a></p></blockquote>
<p>さて、今回の内容は「コンテンツマーケティングにおけるビジネスメリットと効果に対しての着眼点」です。</p>
<p>BtoB、BtoCで行うのかによって手法が変わっていきますが、今回はBtoBにおいてをまとめていきたいと思います。<br />
その前に毎度前提として申し上げていますが、コンテンツマーケティングという名前ですが、実際には顧客アプローチ一部で 所謂、「接客」や「接客に使用するPOPなど」ということです。<br />
様々な物の販売に携わっていなければ、何がしたいのか分からないや、すぐに直結することばかりに目がいきがちですが、結局は買うも、売るも「人が情報と自分とを照らし合わせて決める」ということに過ぎません。</p>
<h3>ビジネスメリット：</h3>
<h4><strong>① 営業活動の軸になる</strong></h4>
<p>「展示会やセミナー、広告で多くの人を集める」→「営業電話等でコンタクトをして打ち合わせを行う」→「対面で詳しい説明や見積もりを示し検討してもらう」という形が基本的な営業活動となりますが、コンテンツマーケティングを施したサイトを買い手が様々なコンテンツを比較検討し、事前情報を取得し、検討を行った上で営業担当者に問い合わせを行うことがもう一つの軸として確立してきています。<br />
商品を知るきっかけが展示会や広告だとしても、購入前にWebサイトをチェックするのが当たり前になっています。<br />
行動変化に合わせて戦略的なコンテンツを提供すれば、営業活動の第一歩になります。戦略的なコンテンツマーケティングにより、買い手の情報収集段階で他社と差をつけられるのです。<br />
また、製品等の独自性を考えるタイミングがコンテンツを増やすの度に見直されると言うメリットもあります。</p>
<h4><strong>② 人員不足の補強ができる</strong></h4>
<p>企業としての意味合いのコンテンツとセールプロモーションとしてのコンテンツなど軸を細かく分ける事により、強力な武器になると考えられます。<br />
潜在顧客や見込み客に対してハッキリとした自社商品・サービスの情報提供を、デジタルコンテンツが担うからです。<br />
認知度向上や顧客との関係性維持を実現できるほか、国や地域に関係なく自社の強みや商品の特徴を訴求できますし、コンテンツの更新を通じて長期的に顧客の関心を維持し続けられます。</p>
<h4><strong>③ 取引先を拡大できる</strong></h4>
<p>コンテンツを営業プロセスに組み入れることで、人的リソースでは行き届かない国や地域にまで、営業活動を展開できます。<br />
人員不足の補強の部分でも言いましたが、扱っている商品、サービスに対して潜在的ニーズを持っている層に対して薄っすらとでも印象付けを行う事でセミナー等への参加意欲の促進ができるので、結果として接点を作る事ができ拡大に繋がると言うことです。</p>
<h4><strong>④ 顧客との関係性を強化できる</strong></h4>
<p>短期的に売上に直結しなくても、自社へ関心を持つファンを増やすことが期待できます。<br />
自社で運営するメディアに関するノウハウや情報をコンテンツとして提供を行い、企業としての活動量をアピールする事ができるので、企業のマーケターやオウンドメディア担当者の悩みや課題に応え、関係性を維持・強化しています。</p>
<h4><strong>⑤ プロモーション活動を表現できるので企業を強化できる</strong></h4>
<p>商品の特徴や仕様だけでなく、特定の専門分野ならではの知識やノウハウを公開することで、企業としての信頼性やブランドを強化できます。<br />
食品等で例えると、居酒屋やレストランなどの外食産業や、給食事業者、病院や介護施設などに向けたコンテンツサイトで、レシピや工夫を基に低コストな栄養食のメニューや季節のおつまみなどを提案し、「業務の“困った”を解決できるパートナー」という商品関連のコンテンツを展開していくことで現、パートナーや今後パートナーとなる企業にも影響を及ぼします。</p>
<h4><strong>⑥ 売上や収益を拡大できる</strong></h4>
<p>出稿やネタの捻出などで何かと労力がかかり、乱暴に言うと印象操作でやったから直ぐに形になると言う内容ではないコンテンツマーケティングですが、認知や販路の拡大、ブランド強化などを実現することで、売上や収益の拡大が期待できます。<br />
例えば、現状のパートナー企業に寄生し顧客となりうるであろう企業との接点を増やしながら顧客獲得をすることや手近にできる営業活動などを行いつつ、先で大きく展開して行き、シェアを増やしていく為にも別軸としてでも進行していくことが、より一層世間に対して網羅的に顧客を掴めるということです。</p>
<p>&nbsp;</p>
<h3>コンテンツマーケティングの効果測定の着眼点</h3>
<p>「コンテンツマーケティングの効果測定」とは、投資対効果を基準に計るのがいいとされています。</p>
<p>そのためには、まずは目標を明確に定義しなければ、そもそも何を測定すればよいのか分かりません。</p>
<p>KGIとしては、たとえば、「商談の数を30％増やす」「専門家としてのブランドを確立し、認知度調査で80％を達成する」といった具合に、コンテンツマーケティングに期待する効果を定義できるでしょう。</p>
<p>その上で、KPIとして各KGIにつながる前段階の指標を設定していきます。たとえば、「商談の数を増やす」であれば前段階に「問い合わせ」や「資料請求」が必要ですし、さらにその前に「資料請求を促すためのコンテンツ」も存在します。この道筋にそって正しく進んでいるかどうかを確認するのが各種KPIです。ところが、この道筋を無視して「サイトのPV」だけをKPIにしてしまうと、「ブログ記事を増やしてPVは順調に増えているのに、商談がいっこうに増えない」といった事態に陥ります。</p>
<p>と、ここまでは従来通りのビジネス遂行に伴う流れとなりますが、コンテンツマーケティングではコンテンツの作成に対して「何狙い」なのかを明確にしておくことが、重要となるので、この部分を認識から外すと行動と効果にギャップを生んでしまいます。</p>
<p>大きく段階を２つに分けて考えると…</p>
<h3>認知獲得段階</h3>
<p>まさに認知度向上を狙った段階となります。<br />
ですので、「どれだけの方に閲覧いただけているか」を検索流入数、キーワード順位、滞在時間、ソーシャル流入数、ソーシャルシグナル、新規訪問率などを参考資料として判断していきます。</p>
<h3>調査・理解段階</h3>
<p>浸透がどれだけ出来ているかと言うフェイズとなります。<br />
なので「いかにニーズを醸成できたか」を中心に測定します。コンテンツのページ滞在時間、離脱率、記事下のCTAバナーからの事例集やお問い合わせページへの訪問、資料のダウンロードページへの訪問数、キーワード順位などをKPIとして定めます。</p>
<h3>コンバージョンへの一歩手前の段階である、選択段階</h3>
<p>「いかに自社を選択肢の1つにいれてもらうか」を中心に測定します。<br />
資料請求数、お問い合わせ数、といった具体的な商談数がKPIになります。</p>
<h3>まとめ</h3>
<p>このようにメリット然り、大きく分けてこれらの段階があるのですが、それぞれ行動の性質が微妙に異なるので、その辺りの認識をする事が重要であります。</p>
<p>&nbsp;</p>
<p>参考サイト：<br />
https://innova-jp.com/</p>


コンテンツマーケティングにおけるビジネスメリットと効果に対しての着眼点

<h3>Web接客ツールという「武器」</h3>
<p>昨今のEC事業における「顧客心理」の理解最重要課題となっています。<br />
理解した心理に対して提供品のニーズを寄せたり、SEO対策をはじめ様々な形で具現化されています。<br />
そんな中で４年ほど前から顧客アプローチにおいて主流となってきた「Web接客ツール」について書いていきたいと思います。</p>
<h3>おすすめWeb接客ツール「カルテ」とは</h3>
<p>「カルテ」はサイト来訪者の行動をリアルタイムで分析することが可能で店舗接客をWebにまで拡張させたサービスでリアル店舗と同様な接客をサイト上で<br />
再現することが可能になり、納期対応やお客様の細かいニーズにも答えることができるサービスです。</p>
<p>ネットで買い物をする顧客の疑問を迅速、スムーズに解決するできるというのは離れてしまう事を防ぐことができる為、大きなメリットと言えるでしょう。<br />
仕様としてはチャットでの対応となり、運営会社の営業時間内であれば問い合わせに対応し、自社のカスタマーサポートなどが処理を行う。</p>
<p>リアルタイムでのやりとりなので、代替品の提案を行うことができるので、羅列された商品を勝手に選ぶのが当たり前の形から一つとびぬけた形となっていると言えるでしょう。<br />
ここで現実の問題となるのは「リソースの確保」です。運用指針からのテコ入れが必要な内容である為、事としては大きめな内容と結果的にはなります。</p>
<p>そんな中で顧客の目線から、顧客中心の体験を創る。をキーワードに展開しているサービス「カルテ」をご紹介します。</p>
<blockquote>
<p class="sw-col_Description">顧客の目線から、顧客中心の体験を創る。<br />
良いCX（顧客体験）を作るには、まず個人個人とその体験に深くフォーカスする必要があります。体験を同じ目線で、さらに感情まで深く知ること・知ろうとすることで、画一的ではない発想が生まれCXを向上することにつながります。</p>
<p class="sw-col_Description">KARTEでは、ユーザーを数値だけではなく人として表すことで、直感的なユーザーインサイトの発見を可能としています。チャネルや職種を問わず各人が顧客を人として深く理解する事ができ、顧客目線から得た新たな体験を、自由度高く思い通りに作り届けることができます。</p>
<p>カルテより引用　https://karte.io/</p></blockquote>
<p>&nbsp;</p>
<p>機能としては以下の内容となります。</p>
<p>◆感情がわかる、予測ができる。<br />
文脈を直感的に見ることで、感情などの情報を知ることができます。<br />
ユーザーの行動・感情は視覚化され、さらにその先を予測可能なものへと変えていきます。</p>
<p>◆様々な見方でユーザーを探せる。<br />
ユーザーをさらに深く知る、もてなすための発想の源になります。<br />
相手を深く知ることがコミュニケーションの始まりになります。</p>
<p>◆クーポンなどのアプローチ特価<br />
該当商品ページを閲覧した顧客への直接クーポン配布、情報提供などのプロモーションべースでの活動も可能</p>
<p>&nbsp;</p>
<p>顧客動向を履歴ではなく、視覚化できることはかなりの強みとなり、より高単価、言語の違いなどがある場合において力を発揮するサービスと言えるでしょう。<br />
もちろんアクセスあっての事柄ではありますが、アンケートクーポンなどを駆使して生きた情報を仕入れることにより、SEO対策にも運用できる為、いい意味での卵が先かニワトリが先かを実現する事ができるのでないかと筆者としては考えるところです。</p>
<p>karte カルテ<br />
https://karte.io/</p>


アフィリエイト、Googleのアルゴリズム変更の影響

<h2>翻訳の注意</h2>
<h3>Information</h3>
<p>「インフォメーション」を覚えているままやメールアドレス、公共の場所で「Info」と略すことがあるから、<br />
info<strong>r</strong>mationをinfomationに間違ってしまった日本人が多いようです。</p>
<h3>Home Page</h3>
<p>“home page”はサイトのトップページの意味です。<br />
また、ウェブサイト全体を指すことは誤用です。<br />
“top page”はトップページという意味がありません。</p>
<h3>email、e-mail</h3>
<p><strong>e</strong>を抜けた場合がよく多いようです。</p>
<h2>複数形の表現</h2>
<p>何か紹介されるような場合に、ページのタイトルとして表現します。<br />
通常はひとつではないと思うので、複数形の表現にしましょう。</p>
<p>例：Pages、Products</p>
<p>SEO対策や多言語対応サイトをするとき、上記のものを注意しましょう。<br />
では、今回は以上です！ありがとうございました。</p>
<h3>おまけに</h3>
<p>役に立つサイト</p>
<p><a class="link" href="https://www.microsoft.com/ja-jp/language">マイクロソフト用語集</a></p>
<p>英語→多言語<br />
または<br />
日本語→英語</p>
<p>ご参考にしてください!</p>


small_d260686890ad58d8278eaac00194718a_s.jpg

thumbnail_d260686890ad58d8278eaac00194718a_s.jpg

d260686890ad58d8278eaac00194718a_s.jpg

英語版サイトの注意点

<h3>まず初めにGoogleという存在について</h3>
<p>昨今、様々なブラウザの検索エンジンはGoogleの検索エンジンを元に構築されております。<br />
我々はGoogleという「畑」でビジネスを行ったり、自身の不足を補ったりと言わば、生活をしていると言っても過言ではありません。<br />
その中でビジネスをする上で「検索上位表示」という概念は非常に重要な要素ということは言うまでもありません。</p>
<p>なので、Googleを理解する事が先決ということとなります。<br />
そこで「Googleが掲げる10の事実」を参照すると以下のようになっています。</p>
<p>①,ユーザーに焦点を絞れば、他のものはみな後からついてくる。<br />
②,1つのことをとことん極めてうまくやるのが一番。<br />
③,遅いより速いほうがいい。<br />
④,ウェブ上の民主主義は機能します。<br />
⑤,情報を探したくなるのはパソコンの前にいるときだけではない。<br />
⑥,悪事を働かなくてもお金は稼げる。<br />
⑦,世の中にはまだまだ情報があふれている。<br />
⑧,情報のニーズはすべての国境を越える。<br />
⑨,スーツがなくても真剣に仕事はできる。<br />
⑩,「すばらしい」では足りない。</p>
<p>今回は①の「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」について当たり前ではあるが忘れがちなビジネスにおいて重要な事について話していきたいと思います。</p>
<h3>google(検索エンジン)=ユーザーと言う構図</h3>
<p>※ここでいうコンテンツ定義は、もの、情報を含めた全てです。</p>
<p>「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」<br />
これを元に簡単にどのようなコンテンツが優良であるか考えてみましょう。</p>
<p>ビックワードで検索上位に上がることは集客をする上で非常に重要で価値の高いことです。<br />
なので、極論「検索エンジンに好かれる」ことを考える必要があります。</p>
<p>では一旦検索エンジンが好むものとは何か…</p>
<p>それは<span style="text-decoration: underline"><strong>「ユーザーに焦点が絞られたコンテンツ」</strong></span>です。<br />
ターゲットを仮想の一人として制作し、それに基づいてプランニングしていくのが一般的ではありますが、ページとして、コンテンツとして真に評価されるものは<span style="text-decoration: underline"><strong>「複数のユーザーの悩みや願いを網羅するコンテンツ」</strong></span>と言う事です。</p>
<p>その末に相手から「納得」が得れるという仕組みです。</p>
<p>&nbsp;</p>
<h3>物事を引いて見るということの重要性</h3>
<p>我々は日々ビジネスをしている中でこれを売りたいなどの「これしたい、あれしたい」ということを基準に物事を判断する傾向にあると言えます。<br />
この思想は何かを決める為には方向性、目標がなければ判定や決定を行うことが出来ません。<br />
しかしこのことがビジネスを進めていく上で予想と違った等の問題を引き起こす原因ともなります。</p>
<p>その原因は、<strong><span style="text-decoration: underline">方向の先には何があるかを忘れてしまう</span></strong>ということです。<br />
「支持＝対価」と完結にまとめて考えることができますが、「行動」をこのことにリンクさせると「支持」について考えなければならないと思います。</p>
<p>いつの間にか本位的な思考になり、本来「人間」は情報を獲得し関心にも似た「納得」を得て対価を費やす習性と真逆な心理となり、集客等の方法が集客ではなく「押し付け」となります。</p>
<p>なので、そういったコンテンツ、商品、手法等ではビジネスを行っても理念を持ち相手に納得してもらえる存在や現実的ではない程に多額の資金がかけることのできる存在に淘汰されてしまいます。<br />
ですから、「そもそも論」が必要となり、それが<span style="text-decoration: underline"><strong>「引いて見る」</strong></span>ということです。</p>
<p>&nbsp;</p>
<p>今回は基本理念をお話ししましたが、続編も出稿していきますので乞うご期待頂けますと幸いです。</p>
<p>&nbsp;</p>


つい忘れてしまう「ビジネス」の重要事項① ～webビジネス～

<p>sitemap.xmlといえば、Search　Engineにウェブサイトをどのようにクロール（巡回）してほしいか、また、効率良くかつすべてのページクロールさせる際の手助けとなるものですが、<br />
今回は、sitemap.xmlが更新されたときに、Search Engineにphpでpingを送信し、sitemapが更新されたことを通知する方法を記事にしてみました。</p>
<p>基本的な構造は以下のようになります。</p>

		<div id="crayon-649540263d75e751439631" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">curl</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$curl = curl_init();
curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_HEADER, TRUE);
curl_setopt($curl, CURLOPT_URL, $url);
curl_getinfo($ch, CURLINFO_HTTP_CODE);
$res = curl_exec($curl); 
$httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE); // 成功したかどうかは一応ここで判断できる 
curl_close($curl);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263d75e751439631-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-2">2</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-4">4</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-6">6</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-8">8</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-10">10</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263d75e751439631-1"><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_init</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-2"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_CONNECTTIMEOUT</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-3"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_FOLLOWLOCATION</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-4"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_RETURNTRANSFER</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-5"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_HEADER</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">TRUE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-6"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_URL</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-7"><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">ch</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-8"><span class="crayon-sy">$</span><span class="crayon-i">res</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_exec</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540263d75e751439631-9"><span class="crayon-sy">$</span><span class="crayon-i">httpCode</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// 成功したかどうかは一応ここで判断できる </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-10"><span class="crayon-e">curl_close</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>どこの検索サイトに通知するかによって、$urlの部分を変更します。<br />
一般的には、googleとbing(yahoo)に対して、pingを送信することが多いようです。</p>
<p></p>

		<div id="crayon-649540263d762710187754" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">url</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
// google
$url = "http://www.google.com/webmasters/sitemaps/ping?sitemap=".$sitemapUrl;
// yahoo 
$url = "http://www.bing.com/webmaster/ping.aspx?siteMap=".$sitemapUrl;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263d762710187754-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-2">2</div><div class="crayon-num" data-line="crayon-649540263d762710187754-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263d762710187754-1"><span class="crayon-c">// google</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-2"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.google.com/webmasters/sitemaps/ping?sitemap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d762710187754-3"><span class="crayon-c">// yahoo </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-4"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.bing.com/webmaster/ping.aspx?siteMap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>上記の$sitemapUrlの部分に通知したいsitemap.xmlを入力し、上記curl部分を実行すれば、Search Engineに通知が行きます。</p>
<h2>参考</h2>
<p><a class="link" href="http://www.sitemaps.org/ja/index.html" taget="_blank">sitemaps.org</a></p>

curlコマンドを利用しSearch Engineにpingを送信する

<p>WordPressやLaunchCartのように高機能なCMS機能がついていれば問題ないのだが、<br />
システムや環境によってsitemapを自動生成できない場合がたまにある。<br />
sitemap.xmlはSEOにおいての重要度が高く、設置しないわけにはいかず<br />
このような場合には手動か、それが難しければ今回紹介するようなツールを使って設置しなければならない。</p>
<p>今回はURLからクローリングして自動でsitemap.xmlを生成してくれるタイプの中から<br />
web上での評判が良いと思ったものを10点比較してみた。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<td rowspan="2"></td>
<td colspan="4">オプション</td>
<td rowspan="2">Priorityの指定方法</td>
<td rowspan="2">最大取得可能URL</td>
</tr>
<tr>
<td>lastmod</td>
<td>changefreq</td>
<td>priority</td>
<td>その他</td>
</tr>
<tr>
<td><a href="#sm1">1</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動(階層に応じる)</td>
<td>1,000</td>
</tr>
<tr>
<td><a href="#sm2">2</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>自動</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm3">3</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動</td>
<td>1000</td>
</tr>
<tr>
<td><a href="#sm4">4</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>自動又は固定値</td>
<td>3500</td>
</tr>
<tr>
<td><a href="#sm5">5</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>拡張子指定、getパラメータ等複数</td>
<td>固定値</td>
<td>無制限</td>
</tr>
<tr>
<td><a href="#sm6">6</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm7">7</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm8">8</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>固定</td>
<td>300</td>
</tr>
<tr>
<td><a href="#sm9">9</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>固定</td>
<td>?</td>
</tr>
<tr>
<td><a href="#sm10">10</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>Auto upload、Auto ping</td>
<td>&#8211;</td>
<td>5000</td>
</tr>
</tbody>
</table>
<h2></h2>
<h2 id="sm1">1. sitemapxml.jp</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10085" src="/uploads-archive/2016/03/1.png" alt="1" width="660" height="384" srcset="/uploads-archive/2016/03/1.png 660w, /uploads-archive/2016/03/1-300x175.png 300w, /uploads-archive/2016/03/1-228x133.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p>http://www.sitemapxml.jp/</p>
<p>安定感があり使いやすい</p>
<p>&nbsp;</p>
<h2 id="sm2">2. xml-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10088" src="/uploads-archive/2016/03/2-1.png" alt="2" width="608" height="547" srcset="/uploads-archive/2016/03/2-1.png 608w, /uploads-archive/2016/03/2-1-300x270.png 300w, /uploads-archive/2016/03/2-1-228x205.png 228w" sizes="(max-width: 608px) 100vw, 608px" /></p>
<p><a href="https://www.xml-sitemaps.com/" target="_blank">https://www.xml-sitemaps.com/</a></p>
<p>使いやすいが500件の上限が人によっては少ないかも</p>
<p>&nbsp;</p>
<h2 id="sm3">3. xml-seo.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10089" src="/uploads-archive/2016/03/3-1.png" alt="3" width="660" height="404" srcset="/uploads-archive/2016/03/3-1.png 660w, /uploads-archive/2016/03/3-1-300x184.png 300w, /uploads-archive/2016/03/3-1-228x140.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://xml-seo.com/sitemap/input" target="_blank">http://xml-seo.com/sitemap/input</a></p>
<p>1とほぼ同じ。提供元が同じか</p>
<p>&nbsp;</p>
<h2 id="sm4">4. web-site-map.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10092" src="/uploads-archive/2016/03/4-1.png" alt="4" width="574" height="628" srcset="/uploads-archive/2016/03/4-1.png 574w, /uploads-archive/2016/03/4-1-274x300.png 274w, /uploads-archive/2016/03/4-1-228x249.png 228w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p><a href="http://www.web-site-map.com/" target="_blank">http://www.web-site-map.com/</a></p>
<p>使いやすく上限も多いが、認証がめんどくさい</p>
<h2 id="sm5">5. xmlsitemapgenerator.org</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10083" src="/uploads-archive/2016/03/5.png" alt="5" width="615" height="649" srcset="/uploads-archive/2016/03/5.png 615w, /uploads-archive/2016/03/5-284x300.png 284w, /uploads-archive/2016/03/5-228x241.png 228w" sizes="(max-width: 615px) 100vw, 615px" /></p>
<p><a href="https://xmlsitemapgenerator.org/" target="_blank">https://xmlsitemapgenerator.org/</a></p>
<p>オプションが多い。細かな設定をしたい人にはおすすめ</p>
<p>&nbsp;</p>
<h2 id="sm6">6. www.sitemapdoc.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10084" src="/uploads-archive/2016/03/6.png" alt="6" width="660" height="78" srcset="/uploads-archive/2016/03/6.png 660w, /uploads-archive/2016/03/6-300x35.png 300w, /uploads-archive/2016/03/6-228x27.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://www.sitemapdoc.com/" target="_blank">http://www.sitemapdoc.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm7">7. pro-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10086" src="/uploads-archive/2016/03/7.png" alt="7" width="604" height="131" srcset="/uploads-archive/2016/03/7.png 604w, /uploads-archive/2016/03/7-300x65.png 300w, /uploads-archive/2016/03/7-228x49.png 228w" sizes="(max-width: 604px) 100vw, 604px" /></p>
<p><a href="https://pro-sitemaps.com/" target="_blank">https://pro-sitemaps.com/</a></p>
<p>シンプル</p>
<h2 id="sm8">8. xmlsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10087" src="/uploads-archive/2016/03/8.png" alt="8" width="605" height="501" srcset="/uploads-archive/2016/03/8.png 605w, /uploads-archive/2016/03/8-300x248.png 300w, /uploads-archive/2016/03/8-228x189.png 228w" sizes="(max-width: 605px) 100vw, 605px" /></p>
<p><a href="http://xmlsitemap.com/create-sitemap/" target="_blank">http://xmlsitemap.com/create-sitemap/</a></p>
<p>使いやすいが上限が少ない</p>
<p>&nbsp;</p>
<h2 id="sm9">9. xsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10090" src="/uploads-archive/2016/03/9.png" alt="9" width="645" height="388" srcset="/uploads-archive/2016/03/9.png 645w, /uploads-archive/2016/03/9-300x180.png 300w, /uploads-archive/2016/03/9-228x137.png 228w" sizes="(max-width: 645px) 100vw, 645px" /></p>
<p><a href="http://www.xsitemap.com/" target="_blank">http://www.xsitemap.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm10">10. freesitemapgenerator.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10091" src="/uploads-archive/2016/03/10.png" alt="10" width="411" height="520" srcset="/uploads-archive/2016/03/10.png 411w, /uploads-archive/2016/03/10-237x300.png 237w, /uploads-archive/2016/03/10-228x288.png 228w" sizes="(max-width: 411px) 100vw, 411px" /></p>
<p><a href="https://freesitemapgenerator.com/new-account.html" target="_blank">https://freesitemapgenerator.com/new-account.html</a></p>
<p>上限が多い</p>


【比較】sitemap.xml 作成ツール 10点

Beautiful Soupを使ってスクレイピングを遊ぶ

<p>筆者はあまりSEOと言うものを理解していないのですが、<br />
Facebookでたまたま興味ある記事があがっていたのでフォーカスを当ててみます。</p>
<p>参照サイトは<a href="http://takuyokomizo.com/page-speed-seo/">こちら</a></p>
<p>概ね参考サイトに記載されているので割愛させて頂きます。</p>
<h2>無料評価サイト</h2>
<div style="padding-left: 15px;">
Apacheベンチとなると敷居が高い、手軽に済ませたい方におすすめ。</p>
<p>https://developers.google.com/speed/pagespeed/insights/</p>
<p>ここに検証してもらいたいサイトのURLを入力して分析ボタンを押下するだけです。<br />
点数に併せて、改善案まで提示してくれます。あら素敵。</p></div>
<h2>ファイルの圧縮</h2>
<div style="padding-left: 15px;">
速度について言うとjsやcssの圧縮や画像ファイルの圧縮が推奨されているようです。<br />
js, cssなど外部ファイルの圧縮はリクエストを減らすのには必須です。<br />
また画像ファイルもPNGやJPEGであれば最適化で、それなりの容量を削減することが可能です。</p>
<p>memcachedなどのKVSを使用するのは当然として、<br />
Railsではプリコンパイルと言う、リクエストを減らし且つファイル圧縮まで出来るフレームワークも注目できると思われます。</p></div>
<p>　※プリコンパイルでは変数名を短縮し、解読しづらいものに変えたり余分なスペースを削除して圧縮をします。<br />
　 また複数ファイルを単一ファイルにまとめてアクセスを減らすことも可能です。</p>
<h2>モジュールの圧縮</h2>
<div style="padding-left: 15px;">
PHPやRubyなどの動的言語ではコンパイルがされない代わりに実行速度がどうしても劣ります。</p>
<p>一方Pythonは動的言語でありながらコンパイルを通すことが可能で、<br />
その分、実効速度も上がると言われています。<br />
(動的言語の定義があやふやなので、そこそこにしか触れません&#8230;)</p>
<p>機会があればPHP, Ruby, Python, Javaでのリクエストごとの実行速度を比較できればと思います。</p></div>


SEOとページ表示速度

<p>I would like to make a special mention about<a href="http://www.awwwards.com/44-useful-infographics-for-web-designers.html"> Awwards’ Infographics post for Web designers</a>. The post collects a total of 44 Infographics complete with a vast quantity of information that I am sure both newbie and experienced designers are going to find out something new to learn.</p>
<p>The topics go from Web Design history, anatomy of effective Web Design, SEO, Colour Theory and Psychology, Typography, UE, Design trends, RWD, etc.</p>
<p>One of the Infographics I found more interesting and not as usually commented as others, like Color theory or RWD, is the Infographic about <a href="http://trends.e-strategyblog.com/2014/08/09/eye-tracking-technology-web-design-infographic/20668">eye tracking technology in Web Design</a>, in other words, about how your eyes move on a website.</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/11/Screen-Shot-2014-11-04-at-17.41.48.png"><img decoding="async" loading="lazy" class="alignnone wp-image-6184 " src="/uploads-archive/2014/11/Screen-Shot-2014-11-04-at-17.41.48-1024x400.png" alt="Screen Shot 2014-11-04 at 17.41.48" width="651" height="225" /></a></p>
<p>Some interesting tips As it shows the Infographic:</p>
<ul>
<li>Users maintain and “F/E” shaped viewing pattern</li>
</ul>
<p><a href="/uploads-archive/2014/11/Screen-Shot-2014-11-04-at-17.42.06.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-6185" src="/uploads-archive/2014/11/Screen-Shot-2014-11-04-at-17.42.06-253x300.png" alt="Screen Shot 2014-11-04 at 17.42.06" width="299" height="366" /></a></p>
<ul>
<li>69% of the users’ time is spent looking at the left half of a Webpage.</li>
<li>Logos and brands on top left side are remembered 58,4% more than other placement areas.</li>
<li>Users spend 80% of their time looking at information above the “fold” or the portion of the web page that doesn’t require any scrolling.</li>
</ul>
<p>&nbsp;</p>


Infographics for Web designers

<p>ＥＣサイトのＳＥＯ対策として被リンクを増やしたりする手法は効果が無くなっている現状で</p>
<p>最近はどんな手法が取り入れられているのかについて調べてみました。</p>
<p>良く出てくるは、オウンメディアを持つというやり方です。</p>
<p>しかし、実際ＥＣサイトを運営していると別サイト（オウンメディア）の運営・更新にまで手が回らないという問題が出てきます。</p>
<h4>ＥＣサイト自体をメディア化しているサイト</h6>
<p>そこでＥＣサイト自体をメディア化しているサイトが増えているようです。</p>
<p>その中でも成功している事例としてあげられているサイト「<a href="http://hokuohkurashi.com/">北欧、暮らしの道具店</a>」です。</p>
<p>「読みもの」と「お買いもの」が混在していて、サイトを見てみるとコンテンツとしては約３分の１が「読みもの」になっています。</p>
<p>イメージとしてはライフスタイルを提案する雑誌とＥＣサイトが一緒になった感じです。</p>
<p><a href="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5987" src="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png" alt="北欧雑貨と北欧食器の通販サイト  北欧、暮らしの道具店" width="679" height="526" srcset="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png 969w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-300x232.png 300w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-228x176.png 228w" sizes="(max-width: 679px) 100vw, 679px" /></a></p>
<p>&nbsp;</p>
<p>消費者が興味を持つコンテンツを提供する事でサイト対して好感をもってもらう事ができ、さらにgoogleからの評価も良くなるという事になります。</p>
<p>欲しい情報が入るサイトという認識を持ってもらえればリピート率が上がるというメリットがあります。</p>
<p>&nbsp;</p>
<p>「お買いもの」のページもおしゃれなブログっぽい作りになっているので商品に対しての情報を伝えやすく、</p>
<p>良さをしっかり伝える事で購買意欲につながるそうです。</p>
<p>&nbsp;</p>
<h4>メディアがＥＣサイト化するパターン</h6>
<p>「<a href="https://antenna.jp/">antenna</a>」はキュレーションメディアだと思っていましたが、最近はＥＣサイトみたいになっています。</p>
<p>「イタリアで話題の香水が日本初上陸」というニュース記事のページの中に購入できるカートがあったりします。</p>
<p>あたかもニュースのように商品を紹介していて上手いなと感じます。</p>
<p><a href="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5988" src="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png" alt="キュレーションマガジン Antenna［アンテナ］" width="678" height="349" srcset="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png 1903w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-300x154.png 300w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-1024x526.png 1024w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-228x117.png 228w" sizes="(max-width: 678px) 100vw, 678px" /></a></p>
<p>キュレーションメディアとしての在り方として、広告を載せるなどの方法よりもスマートに感じます。</p>
<p>面白い記事でれば商品ページ自体が良質なコンテンツという事になります。</p>
<p>もちろん内容が伴わないといけませんが「メルマガ配信」「商品ページの作成」「オウンメディアの更新」に相当する作業が記事を書くという事だけで済んでしまいます。</p>
<p>&nbsp;</p>


ＥＣサイトをメディア化してＳＥＯ対策に成功した事例

<p>今回は、SEO対策の方法について、復習することにしました。</p>
<p>&nbsp;</p>
<p>ちょうど今月(2012月10月)、Googleの<a href="http://support.google.com/webmasters/bin/answer.py?hl=ja&amp;answer=35769" target="_blank">ウェブマスター向けガイドライン</a>が更新されたようですので、</p>
<p>そちらから、HTMLコーディングに関する主なものをまとめてみました。</p>
<p>あからさまなスパム行為は省略しました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>基本</h3>
<p><strong>1.　サイトの構造はわかりやすく。</strong></p>
<p><strong>2.　主要ページへのリンクを記載したサイトマップを用意する。</strong></p>
<p><strong>　　サイトマップ内のリンクが非常に多い場合は複数ページに分ける。</strong></p>
<p><strong>3.　ユーザーが検索するときに入力する可能性と高いキーワードをサイトに含める。</strong></p>
<p><strong>4.　重要な名前、コンテンツ、リンクは、画像の代わりにテキストを使用。</strong></p>
<p><strong>　　画像を使用する必要がある場合は、alt属性を使用して、説明テキストを組み込む。</strong></p>
<p><strong>5.　無効なリンクを防ぐ。HTMLが正しいか確認する。</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>避けるべきことと、対策</h3>
<p><strong>1.　JavaScriptを使って、外部ページにリダイレクト(サイトにアクセスしたユーザーを、リクエストされたURLとは別のURLに移動させること)すること。</strong></p>
<p>対策→　新サイトへの移動などの場合は、301リダイレクトを使用する。</p>
<p>&nbsp;</p>
<p><strong>2.　隠しテキストと隠しリンクの利用</strong></p>
<p>・白の背景で白のテキストを使用する</p>
<p>・テキストを画像の背後に置く</p>
<p>・CSSを使用して、テキストを画面外に配置する</p>
<p>・フォントサイズを0に設定する。</p>
<p>・小さな１文字のみをリンクにして、リンクを隠す</p>
<p><span style="color: #808080; font-size: small;"><br />
</span></p>
<p><strong><span style="color: #3366ff; font-size: small;">画像やJavaScript、動画の使用で、テキストをおく必要がある場合の対策方法と注意点</span></strong></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;"><br />
</span></strong></span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">画像</span></strong></span></p>
<p><span style="color: #3366ff;">　・alt属性を使用して、わかりやすい説明テキストを記述する。</span><br />
<span style="color: #3366ff;">　　　（例：&lt;img src=&#8221;puppy.jpg&#8221; alt=&#8221;持ってこいをするダルメシアンの子犬&#8221;&gt;）</span></p>
<p><span style="color: #3366ff;">　・画像近くに、わかりやすいキャプションや説明テキストを配置する(可能な限り画像の近くに置くと効果的)</span></p>
<p><span style="color: #3366ff;">　・ファイル名を、画像の題材がわかるようなものにする</span></p>
<p><span style="color: #3366ff;">　・alt属性にキーワードを多用しない</span></p>
<p><span style="color: #3366ff;">　　　（スパムとみなされる場合がある。例：&lt;img src=&#8221;puppy.jpg&#8221; alt=&#8221;子犬 犬の赤ちゃん 小さな子犬 レトリーバー ラブラドール ウルフハウンド セッター ポインター ジャックラッセル テリヤ ドッグ フード ドッグフード 安い 子犬の餌&#8221;/&gt;）</span></p>
<p><span style="color: #3366ff;">　・重要なテキストは画像に埋め込まない</span></p>
<p><span style="font-size: small; color: #3366ff;"><br />
</span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">JavaScript</span></strong></span></p>
<p><span style="color: #3366ff;">　・JavaScript内と同じコンテンツを&lt;noscript&gt;タグ内に記述する</span></p>
<p><span style="color: #3366ff;">　　　(&lt;noscript&gt;タグ内の内容は、JavaScript内のコンテンツと完全に同様にする)</span></p>
<p><span style="color: #3366ff;"> </span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">動画</span></strong></span></p>
<p><span style="color: #3366ff;">　・動画の説明テキストをHTML内に記述する</span></p>
<p>&nbsp;</p>
<p><strong>3.　誘導ページの利用</strong></p>
<p>(誘導ページ：特定のフレーズに対して、検索結果の上位に表示して、ユーザーを特定のサイトやページに誘導する目的で設置された、特定のキーワードやフレーズ用に作成された、テンプレートを使用した品質の低いページの集まり)</p>
<p>対策→　ユーザーの利便性を考慮した、質の高いページを設置する</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>画像の配置やJavaScriptなどで、デザインの都合上、対策が難しい場合もありますが、</p>
<p>改めて、これらのことを頭に入れてデザインをすることで、</p>
<p>利便性の高い、SEOも考慮されたサイト作りに役立てたいです。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #SEO

2025/08/14

2025/04/25

2019/05/15

2019/02/20

2018/11/14

2018/08/22

2018/06/13

2016/05/12

2016/03/29

2016/03/16

2015/11/11

2014/11/05

2014/10/14

2012/10/11