検索順位の要!上手なマークアップ


こんばんは^^
ママWebデザイナーの起業専門
コンサルタント、みなです^^

またもや久しぶりな配信に
なっておりますヽ(;´Д`)丿

今年は制作本数を減らします…!
と予告していたのですが
まさかの依頼多数…!

ご依頼して頂く方々、皆さん
「みなさんにお願いしたいんです!」
とおっしゃってくださるので
とってもありがたいことです( *´人`)

がしかし…

かなりパツンパツンですヽ(;´Д`)丿

既に9月分までいっぱいに
なってきているので
今からご依頼いただくと
10月頃かな~…

ちなみに、ここで気になる人が多い!?
リアルな私の受注金額ですが
6月分~8月分まで、計3ヶ月で

約300万+α

です。

制作案件だけで月収100万円近く
達成してます。

……数字化して、
自分でもビックリしました(;´Д`)

内訳をざっくり書くと…

60万→アメブロカスタマイズ20件
40万→LP2本
200万→WP制作3本

+α→これから打ち合わせ分と
   追加のアメブロカスタマイズ

という感じです。

アメブロカスタマイズは
価格設定をミスってしまったので
依頼すべてが集中してしまう…
という事態を招いてしまいましたが…orz

その他、LPやWebサイトの
制作依頼については、おそらく
ウチでしか作れないもの
になりますので、
「お願いします!」と言われる受注に
なっています^^

私にしか提供できないもの
あなたにしか作れないもの

そういった
強み・差別化ポイントがないと
無料サービスがたくさん出ている今
なかなか人気になっていくのは
難しいですね。


WebデザイナーのためのWeb集客術

これまでの復習は
こちら ↓ からどうぞ!

そして今日は、
検索順位の要!上手なマークアップ
について、お届けしたいと思います^^

私の受講生でも
デザインが得意な人
コーディングが得意な人
の2パターンに分かれています。

私自身はどちらかというと…
コーディングが得意な人w

★「横浜 ベビーマッサージ」1位
ここはぐ様

★「マーケティングフルサポート」1位
マーケティングフルサポート様

★「千葉 ダンススタジオ」3位
ストリートダンススタジオキックス様

★「高松 個別指導 学習塾」4位
野田塾様

※実際にシークレットモードで
 検索してみてくださいね!
(※2017年7月現在)

他にもいくつかありますが
制作したサイトは、大体にして
上位表示されるようになっています。

実をいうとここだけの話…

一部のクライアント様に関しては
実績として皆様の前に出すことを
ものすっごく躊躇いました…!!

なぜなら、
私が疲弊する制作ばかりしていた頃に
制作したもの
だからです!

なので、デザインというデザインを
ほぼしておりませんし、
納品後のレクチャーも皆無です。

今のサイトを見てみると
クライアントさんご自身で
手を加えたようで、
納品時にはなかった
色指定がされていたり
ナビが2行になっていたりなど…

本当なら、実績としては
絶対に出したくない…!
サイトです(苦笑)

ではなぜ今回
公開しちゃったかというと…

マークアップがSEOにおける
最重要事項であるということを
実証できているサイトだから。

Webデザインもほぼしてない

※作ったのはヘッダー周りと
 メイン画像、タイトル装飾のみ

そのサイトが
ビッグキーワードで1位
を取れている理由は

過去私がマークアップを
きちんと行ったサイト作りを
していたから
なんです。

「千葉 ダンススタジオ」という
ビックキーワードで3位表示される
スタジオキックス様も

クライアント様の諸事情により
コンテンツは、ほぼありません。

それでも、ずっと検索圏外だったのが
1ページ目上位表示されるように
なったのです。

そのおかげもあり、
このスタジオでは毎月安定して、
体験レッスンの申し込みがある
と伺っています。

検索結果で上位表示される
ということは、

クライアントさんにとっては
売上に直結しやすい見込み客の獲得
に繋がりますし、

お客様にとっては
今自分にとって必要なサイトの提示
に繋がります。

ソーシャルメディアと検索の違いは
見込み客が必要と求めているレベル
にあります。

検索されるということは、それだけ
見込み客が欲しがっている状態
になりますので、
見込み客から顧客になるスピードが
早いんですね。

だからクライアントさんはこぞって
「SEOに強いサイトが欲しい!」
と、言うのです。

マークアップの重要性が
お分かりいただけたでしょうか?^^

では実際、どのように
上手なマークアップ
を行っていくかというと…

まずは最初の1歩として
そして大前提でもある
タグの意味を知ること
です!!

これを理解していないと
マークアップは行えません。

今現在最新のものだと
HTML5.1
になるわけですが、
ひとまずは、HTML5で大丈夫です。

それぞれのHTMLタグの意味を
明確にきちんと「知る」ことから
始めましょう!

ちなみに、私自身
これをものすごくやりました。

特に、
HTML4からHTML5に上がった時は、
リファレンス本を何冊も読んだり
最新情報が掲載されている
クリエイター向けWebサイトを
いくつも読み漁ったりして

各タグが持つ意味や用途方法、
ルールについて、
何度も読み返しました。

例えば、
Section と Article の違い。

Hタグにおけるルール。

ブロックレベルと
アウトライン化
などなど。

ルールを知らないと
正しくは使えない
ですからね^^

各タグの意味については
Webで検索してみてください。

明確に「こういうことだよ!」と
書いてみてもよかったのですが

HTML5に関する記事は
Web上にたくさんありますので
検索スキルを高める練習と思って
あなた自身で探してみてくださいね^^

HTML5は本当にたくさんの情報が
ありますので、
すぐに見つかると思います。

試しに、あなたが制作した
Webサイトの構文が合っているかどうかの
チェックは下記URLからできます。

W3Cが提供している
構文チェックツールです^^

Markup Validation Service(英語)

そうそう。
過去に私が書いた
上手なマークアップに繋がる記事も
いくつかありますので、
リンクを貼っておきますね。

次回は、実際に私がどのように
デザインからマークアップを
起こしているのか?について
実例を元に解説したいなと思います^^


前の記事:

次の記事:

フリーランスのママWEBデザイナー必見!

月収20万円を安定させるメール講座7ステップ

  • 単価が2倍になった!
  • デザインや知識に自信がついた!
  • 企業所属経験ゼロでもできた!

実践で使えるヒアリングシートプレゼント中!

  • 知らないと怖い!デザインばかり
    勉強しているデザイナーの結末
  • 売れるWEBデザイナーに
    “最も必要なスキル”とは!?
  • 受注できるサイト制作法!
    5割は“コレ”で決まる!
  • WEBデザイナー専用!
    WEBからはじめてのお客様獲得術
  • SEO=集客力!?本当は…
  • 単価UP!
    ママWEBデザイナーの価格設定法
  • 制作した後に○○すると
    リピーター獲得できる!?