CSSを使用したグラデーションは、Photoshop等で画像を作る手間もなく、拡大しても画像が荒れず見栄えが良く、PCだけでなくスマートフォンやタブレットで表示した時も美しい表示が可能です。

この記事では、HTMLとCSSだけで簡単にグラデーションを生成する方法を初心者にもわかりやすく解説していきます。

では、早速やってみましょう！

CSSでグラデーションを記述する基本的なコード

CSSグラデーションは、線形・円形・扇形から選択して、方向や角度、開始位置を指定することができ、多数の色が組み合わせられるため、鮮やかな美しい色のグラデーションを生成できます。

さらに、透過させて画像と合成したり、グラデーション同士を重ね合わせたりすることで、より複雑な表現をすることも可能です。

CSSで背景にグラデーションをかけるには、プロパティの関数を使用します。

CSSでグラデーションを記述する基本的なコードは以下の３種類です。

1. 線形グラデーション　background:linear-gradient()
2. 円形グラデーション　background:radial-gradient()
3. 扇形グラデーション　background:conic-gradient()

は、CSS3から登場した関数で、現在（2023年）主要なブラウザでは、線形グラデーションと円形グラデーションがほぼ全てのブラウザで対応しています。

扇形グラデーションは、使用してる実例もあまり見つけられず、使われる機会が少なそうなので、線型と円形のグラデーションのふたつに絞って、詳しく見ていくことにします。

linear-gradient：線形グラデーション

はじめに、一定の方向に徐々に変化していく最も基本的なグラデーションを作ってみましょう！

2色のグラデーション

「開始の色」と「終了の色」」の2色を指定するだけでグラデーションを表現できます。

※背景色をライトイエローに指定して、その上にグラデーションを乗せています。

色を２つ指定するだけで、線形のグラデーションを作ることができます。
上から下へ直線的にグラデーションします。

線形グラデーション　向きの設定

では次に、グラデーションの向きを変更してみましょう！！
向きを変えたいときは、色の前に方向の値を指定します

グラデーションの向きは、方向（to right，to top等）か角度（deg）で指示します。
角度は、時計回りで表します。マイナス（－）の表記もできます。

線形グラデーション 方向と角度の値

複数の色を使った線形グラデーション

右に向かって、aquamarine～royalblue～hotpink～cornsilkへと４色直線的にグラデーションしていきます。

色は、何色でも増やせますが、あまり増やすと色彩が濁って美しくなくなってしまうので、抑えめにしたほうが良さそうです。最近の流行りは３〜４色といったところでしょうか？
２色でグラデーションさせるより、格段に美しくなります。

線形グラデーションを透過させる

次に、徐々に透過していくグラデーションをつくってみましょう！

色の指定にを使うと一定方向へ透明になっていくグラデーションを簡単に表現できます。

で色と透明度を指定してあげると、もっと複雑で細かい透過グラデーションを作ることもできます。

このような透過グラデーションを画像の上に重ねたり、テキストの背景に使用することで、よりニュアンスを豊かにしたり、文字を見やすく読みやすくしたりすることが可能になります。

参考：線形グラデーション　リファレンス
https://developer.mozilla.org/ja/docs/Web/CSS/gradient/linear-gradient

radial-gradient：円形グラデーション

次に、円形グラデーションを作っていきましょう！放射グラデーションとも呼ばれます。

中心から一番離れた端に向かって円形に色が移り変わっていくグラデーションです。

線形グラデーションと同様に、2色を指定するだけで円形のグラデーションを描くことができます。

細かい設定をするには、色の前に＜円の形・大きさ・中心の位置＞を指定します。

円の形状、大きさ、中心の設定

円の形状は楕円形と正円のふたつがあります。デフォルトは楕円です。
正円にしたいときは、最初の値にcircleと記述します。
circle・・・正円
ellipse・・・楕円（※初期値）

大きさの指定

グラデーションの終了位置を指定できます。

• closest-side・・・一番近い辺でグラデーションが終了
• farthest-side・・・一番遠い辺でグラデーションが終了
• closest-corner・・・最も近い角でグラデーションが終了
• farthest-corner・・・最も遠い角でグラデーションが終了（※初期値）

円形グラデーションの中心の設定

中心の指定

グラデーションの中心の位置を指定することができます。
指定しなかった場合の、既定値は centerです。

例えば、色の前に(at right top)を指定すると、右上の角がグラデーションの中心になります。

(30% 60%)と指定すると、左から30％で上から60％の位置がグラデーションの中心になります。

複数色の円形グラデーションと透過

複数のカラーのグラデーションと透過のグラデーションを見てみましょう！

線形のグラデーションと同じように、色を複数指定するだけです。
これで色々な色の組み合わせのグラデーションを生成できます。

透過させるには、rgbaで1色づつに透明度を指定するか、transparentを指定します。
画像と重ねたり、テキストやロゴを乗せると素敵な効果がありそうですね。

円形グラデーション　リファレンス
https://developer.mozilla.org/ja/docs/Web/CSS/gradient/radial-gradient

以上、線形と円形のグラデーションのCSSコードを解説してきました。
好みのグラデーションを作るためには、コードを書いてブラウザで確認という作業を何度も行ったり来たりする必要があります。結構手間がかかる上リアルタイムで確認ができないため、なかなか難しいと思います。

そこで、もっと感覚的に簡単にCSSグラデーションを生成する方法もご紹介しておきます。

ジェネレーターを使う方法です。

グラデーションのCSSコードを自動生成してくれるジェネレーター

　
1. grabient
   https://www.grabient.com/
2. mesher
   https://csshero.org/mesher/
3. CSS グラデーション ジェネレーター
   https://front-end-tools.com/generategradient/

見た目で確認しながら好みのグラデーションを作れて、CSSコードもコピペで使うことができます。とても便利ですね。

以上、CSSでグラデーションコードを書く方法とジェネレーターについて解説してきました。Webサイトをおしゃれに彩ることができるCSSグラデーションを取り入れるとデザインの幅が広がります。是非、活用してみてください。

独自に発信できるコンテンツは集客につながりやすく、SEO対策としても有効な手段となります。しかしオウンドメディアは、長期的な戦略や目標を初期段階に設計することが重要となります。

この記事ではオウンドメディアの戦略や目標の設計について、オウンドメディアの特徴やメリット、成功事例などを交えて解説していきます。

オウンドメディアとは

オウンドメディアは「owned（所有）」と「Media（媒体・情報）」という二つの単語から成り立っています。つまり、自社が所有するメディアのことを指します。

Webマガジンやブログ・SNSなどのオンライン媒体から、パンフレットなどのオフライン媒体まで、さまざまな形で情報発信を行うのが特徴です。一般的には、企業が所有・運営するWebマガジンや独自のWebメディアを指すことが多いです。

参考：ウィキべティア(wikipedia)

オウンドメディアにおける「戦略」とは

オウンドメディアにおける「戦略」とは、目的地（目標）に向かうための道しるべのようなもので、オウンドメディアを運用する際の指針になります。

• なぜ（オウンドメディア運用の目的を明確にする）
• 誰に向けて（ペルソナの設定）
• いつまでに（期間の設定）
• 何を（発信する情報の内容）
• どんな風に（目的）
• どれくらいのペースで（配信のペース）

このような主な項目を決めながら慎重に戦略を立てていき、事前に目的地までの道のりを明確にすることが重要となります。

オウンドメディアの運用目的

オウンドメディアの運用に多くの企業が取り組む目的として、自社の製品やサービスを広く認知してもらい、多くのユーザーとの接点を得るということが挙げられます。

• メディアの事業化・収益化
• リード（見込み顧客）獲得
• 認知の拡大
• ブランディング
• 採用力の強化

メディアの事業化・収益化

オウンドメディアの運用目的として、メディア自体の事業化が挙げられます。

軌道にのせるまでの難易度は高いですが、成功すれば大きな利益が期待できます。活用して収益化を図ることによって、オウンドメディア運用にかかる人件費やコンテンツ制作費を賄うことも可能になり、マーケティングツールとして自走することが可能です。

リード（見込み顧客）獲得

自社商品・サービスの情報やユーザーに有益なコンテンツを発信することで、リード（見込み顧客）の獲得を狙うことが可能です。
リード獲得にオウンドメディアが活用される様になった背景として、ユーザーのネットリテラシーの向上が挙げられます。Google広告やYahoo!広告といった媒体が一般化した反面、インターネット広告に抵抗を感じるユーザーが年々増えてきています。実際に、近年のバナー広告のクリック率は0.1%〜0.01%まで低下しています。
高い予算をかけてインターネット広告を出すより、ユーザーが検索しそうなキーワードなどでユーザーのニーズを満たしたコンテンツを制作し、検索結果を上位に表示させることで、効率良く見込み顧客を獲得することが可能になります。

認知の拡大

オウンドメディアはリード獲得だけでなく、自社商品やサービスを全く知らない層に向けての認知の拡大にも効果的です。
非認知層が興味・関心を示しそうなコンテンツを継続して発信することで、会社名やサービス名を知ってもらうきっかけに繋がりやすいです。

ブランディング

オウンドメディアはブランディングにも効果的です。

ただ商品やサービス名を知ってもらうだけではブランディングは成り立ちません。オウンドメディアで自社の企業理念や商品・サービスの魅力などを発信することで、競合他者との差別化を図ることができます。自社商品・サービスの強みや特徴を認知してもらうことでユーザーとブランドを結びつけ、ブランディングの成果の向上に繋がりやすいです。

採用力の強化

採用活動においてオウンドメディアを活用するケースもあります。

社員へのインタビューや日々の働き方など、自社にフォーカスしたコンテンツを発信することで共感する採用候補者の獲得に効果的に繋がります。

オウンドメディア戦略で重要な6つの設計ステップ

オウンドメディアの戦略は、目的達成のための指針を設計する必要があります。ここでは重要な5つのステップをご紹介します。

1. 目的の明確にして、KGIを設定する
2. 市場のリサーチ
3. ペルソナを設定する
4. KPIを設定する
5. メディアの運用で改善を繰り返す

目的を明確にして、KGIを設定する

まずオウンドメディアを運用するにあたって、目的に応じたKGI(Key Goal Indicator：最重要目標達成指標)を設定します。

「認知向上」や「リード獲得」など、KGIを設定し最終的な目的を明確にしておくことで「成功」と言える状況がどんなものなのか定義することが重要です。

市場のリサーチ

次に自社サービスが市場においての立ち位置や成功している競合他社の状況をリサーチします。

市場の大きさや需要などを細かく把握することで最適なマーケティング戦略を練れるので、まずは市場のリサーチを行いましょう。

また、競合他社のオウンドメディアのアクセス数やユーザー属性、導線などを細かく分析することで自社の取るべき戦略が明確になります。

ペルソナを設定する

自社の顧客となりうるユーザー像を明確にし、ペルソナを設定することでニーズを把握し戦略を展開しやすくできます。ペルソナを年齢・性別からライフスタイルまで具体的に設定することで、ターゲットに刺さるアプローチをすることができます。

KPIの設定

KPI(Key Performance Indicator：重要業績評価指標)とはKGIを達成するまでのプロセスが、適切に実施されているかを数値化して評価するものです。

「いつまでに、どういった成長をするのか」という指標を描きながら適切なKPIを設定できれば、ゴールを達成しているか判断しやすくなるため、オウンドメディアの分析と改善をスムーズに進めることが可能です。

メディアの運用で改善を繰り返す

オウンドメディアの運用は立ち上げから成果がでるまで、ある程度長期的な期間が必要となります。

そこで重要となってくるのが、評価と改善です。現状の数値を見て評価し、どうやったら改善するかを分析します。定期的に施策を振り返って状況を改善を繰り返し、「戦略設計」の流れを整理することが大切です。

オウンドメディアの成功事例から読み取る戦略設計



オウンドメディアの成功事例から、戦略設計のポイントをBtoB、BtoC別にそれぞれ解説します。

BtoBの事例：経営ハッカー

https://keiei.freee.co.jp/

クラウド会計ソフトの「freee」が運営する経営ハッカーは、中小企業や個人事業主に向けたコンテンツが多く、確定申告に関する記事が豊富です。

動画のコンテンツも多く、確定申告などの難しい作業をわかりやすく解説しています。コンテンツを通して会計ソフトへの誘導も狙っているところから、ペルソナに合ったコンテンツ配信を行っています。

BtoCの事例：Wacoal Body Book

https://www.bodybook.jp/

女性下着メーカーの株式会社ワコールが運営するWacoal Body Bookは、「楽しく、美しく、健やかに。」をテーマにファッションからライフスタイルまで、きれいになるための様々な情報を発信しているメディアです。

サイトはイラストや画像をたくさん使用し、女性が親しみやすいカラーや雰囲気でデザインされており、下着に限らずきれいになるための様々なコンテンツが豊富に用意されています。

まとめ

オウンドメディアの戦略は、最初にしっかりオウンドメディアの活用目的を決めることが重要です。また各段階の目的に最適なKGIやKPIを設定し、分析と改善を繰り返しながらゴールを目指すことが大切です。

成功事例を参考に競合他社との差別化をはかり、自社のオウンドメディア戦略を設計してみましょう。

The post オウンドメディアとは？戦略の設計や目標設定を成功例から解説 first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webmarketing_onepoint/50990/ Wed, 10 May 2023 05:29:50 +0000 https://onepoint.softcampus.co.jp/?p=50990 Webサイト内のコンテンツテーマを簡潔に表す見出し「h1タグ」。 htmlでは必ず出てくるタグですが、ユーザーのアイキャッチの効果だけでなく、Googleの評価にも影響があるのをご存じですか？ この記事では、「h1タグ」Read more about h1タグとは？徹底解説！SEOに効果のある使い方・設定方法を紹介！ →ワンポイント詳細へ
The post h1タグとは？徹底解説！SEOに効果のある使い方・設定方法を紹介！ first appeared on SCワンポイント講座.]]> Webサイト内のコンテンツテーマを簡潔に表す見出し「h1タグ」。

htmlでは必ず出てくるタグですが、ユーザーのアイキャッチの効果だけでなく、Googleの評価にも影響があるのをご存じですか？

この記事では、「h1タグ」にフォーカスして、Web上でh1タグがどのような役割を持っているのか、h1タグの定義や適切な使い方を中心に、初心者にもわかりやすく解説していきます。

h1タグとは？

h1タグとは、HTMLファイルに記述する見出しタグの一つです。

h要素のhはheading（見出し）の略で、h1からh6まであり、1から順に数字が小さいものが階層の高い見出しとなります。

つまり、h1がページ全体の内容を要約した表題（タイトル）の役割となっています。

titleタグとの違い

h1タグとtitleタグよく混同されることがありますが、titleタグとh1タグとの違いは、表示のされ方や何に向けた記述かという点です。

同一のものとして使用しているサイトも多く、同じであっても問題はありません。

むしろ、「title」と「h1」で同じテキストを記述している方が、検索結果をもとに訪問したユーザーが目的のページへ訪問できたと認識してもらえるので、閲覧されなくなる可能性が高くなります。

h1タグとtitleタグの違いを理解した上で、同じテキストであることをあまり意識しすぎないように使い分けをしましょう。

	h1タグ	titleタグ
表示位置	サイトのページ内の見出し	ブラウザのタイトルバー
何に向けた記述か	サイトを閲覧者中のユーザー	検索結果を見ているユーザーと検索エンジン
記述方法	HTMLのbodyタグ内	HTMLのheadタグ内（meta情報）

h1タグのSEO効果

h1タグは、Webページ内で1番フォントサイズが大きく目立つ箇所に設置されているため、h1タグで「あなたが知りたい情報はこのページにあります」とアピールでき、閲覧されやすくなります。

また、目次は見出しから構成され、ユーザーは目次を見て、その続きを読むかどうか判断します。

h1（大見出し）・h2（中見出し）・h3（小見出し）の順に見出しを階層構造に沿って使用することで、ユーザーが全体として質の良いサイトに仕上がり、訪問者の滞在時間を長くさせることにつながります。

長く滞在するページはユーザーが満足しているということで、UX（ユーザーエクスペリエンス＝ユーザー体験）の向上になり、Googleからの評価を受けるため、間接的なSEO効果につながることになります。

Googleも、h1タグの活用を推奨しています。

“Headings give you the opportunity to tell both Google and users what’s important to you and your website. The lower the number on your heading tag, the more important the text, in the eyes of Google and your users. Take advantage of that <h1> tag!”

「見出しは、あなたとあなたのウェブサイトにとって何が重要かを、Googleとユーザーの両方に伝える機会を与えてくれます。見出しのタグの数字が小さいほど、Googleとユーザーの目にはより重要なテキストに映ります。 <h1>タグを活用してください!」

引用元：Google Search Central

Googleの評価基準はユーザーファーストであることが公表されていて、ユーザーの立場に立ったサイト作りをすれば、結果的にSEO対策ができるということです。

また、クローラーに対する直接的な効果もあります。

h1タグは、ページの内容を集約して表記するタグであるため、適切に設定することで、検索エンジンがページの階層構造を認識しやすくなり、クローラーにとっても理解しやすくなります。

対策キーワードをhタグに使うことで、キーワードとページの内容が関連していることを正しく伝えることができるため、SEO効果が期待できます。

※「クローラー」とは、検索エンジンが検索結果を表示するためにWebサイトの情報を収集する自動巡回プログラム（ロボット）のことです。

h1タグの効果的な使い方と注意点

• h1タグの使用は1回のみ
• h1タグから順番通りに記述する
• h1タグに対策キーワードを含めて簡潔に記述する
• h1タグに画像を使用する場合はaltタグでキーワードを使う
• h1タグとWebデザインとの記述は切り分けて考える

h1タグの使用は1回のみ

Googleにおいて、h1タグの使用回数の制限は設けられていませんが、h1タグを使うのは1ページで1回のみです。

h1タグが2つ以上あると、ユーザーには視覚的に重要な部分がわかりにくくなる上、クローラーからはWebページの内容を把握しづらくなり、結果、上位表示されにくくなります。

h1タグから順番通りに記述する

SEO効果が期待できるh1タグですが、使い方により正しい評価が受けられなくなります。

そのため、hタグ（見出しタグ）はh1から順番通りに記述します。

h1からh6の順番を守れば、コンテンツの構造をクローラーに正確に把握することができます。

他にも文言を見出し使いたい場合は、h2（中見出し）・h3（小見出し）を使い表示していきます。

hタグを、コンテンツ内で階層構造に沿って、h1、h2、h3…と記載して使えば目次として機能させることもできます。

CSSで特別な設定をしない限り、サイズはh1から順に小さくなっていきます。

また、ブラウザでは、h5・h6のタグのサイズは

タグ（段落タグ）よりもサイズが小さくなるため、あまり使われることはありません。

h1タグを、コンテンツ構造の階層として使用すると、目次の役割も果たします。


h1タグに対策キーワードを入れて簡潔な見出しにする

h1タグを使うには、対策キーワードを入れて、簡潔な見出しにし、ユーザーや検索エンジンが理解しやすいようにします。

例えば、「h1タグ」というキーワードを使い上位表示を狙う場合、「h1タグ」というキーワードをタイトル名に含めて「h1タグとは？SEOに効果のある使い方を徹底解説！」という文言にします。

また、キーワードを入れる場所はタイトルの「先頭（左寄せ）」が効果的といわれています。

例えば、「h1」と「SEO対策」を対策キーワードに使う場合、

キーワードを先頭にした場合	「h1タグとは？SEOに効果のある使い方・設定方法を紹介！」
キーワードを先頭にしない場合	「SEOに効果のあるh1タグの使い方とは？設定方法を紹介！」

キーワードを先頭に使う方が、検索結果一覧に表示された際もページを訪れた際も、重要なキーワードが最初に視覚に入ってきます。

SEO対策ではh1タグ内で対策キーワードを先頭に使うことも効果的です。

h1タグに画像を使う場合はaltタグでキーワードを使う

h1タグに画像を使うことも可能です。

画像を使う場合は、画像の説明となるテキスト情報の「alt属性」を必ず付与します。

【記述例 】

<img src=”〇〇〇.png” alt=”画像の説明”>

クローラーは、「テキスト」からしか情報を認識することができないため、画像だけでは何の画像なのかは把握されません。

h1タグにalt属性を付与した画像を入れていることで、検索エンジンに捉えられ、ページ内容が正しく認識されます。

ちなみに、h1タグに限らず、サイト内の全ての画像にalt属性を付与すると効果的です。

クローラーにページの内容を正しく認識されるようにして、SEO対策の向上につなげましょう。

h1タグをWebデザインのために使用しない

h1タグはhタグの中で、視覚的に一番大きく表示されるテキストのため、目立つ文字となっています。

しかし、h1タグの本来の役割は、文字のサイズではなく、クローラーにページの内容や構造を伝えるSEO対策に重要なタグであるため、見た目を強調するためのフォントサイズやデザインのために使ってはいけません。

h1に重要でないテキストが記載されていたり、不要なh1タグが存在していたりすると、クローラーにコンテンツ内容が正確に伝わらずSEO評価にも悪い影響を及ぼします。

まとめ



本記事では、h1タグの役割やSEOにおける効果的な使い方について解説しました。

h1タグを、対策キーワードを含めて簡潔に、順番通りに使用する、画像にはキーワードを使うなど、適切に扱うこと>で、ユーザーの読みやすさとクローラーに正確に把握してもらえるサイト作りができます。

h1タグを上手に使い、ページやサイト自体の品質を向上させていきましょう。

The post h1タグとは？徹底解説！SEOに効果のある使い方・設定方法を紹介！ first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webmarketing_onepoint/50986/ Wed, 10 May 2023 04:50:36 +0000 https://onepoint.softcampus.co.jp/?p=50986 ブラックハットSEOとは、ユーザーや検索エンジンを欺き、不正に上位の検索順位を目指すSEO対策の手法です。掲載順位を決めるGoogleの検索アルゴリズムの穴を狙って打つ施策であり、ペナルティの対象になります。 本記事ではRead more about ブラックハットSEO手法一覧で解説！ホワイトハットとの違いは？ →ワンポイント詳細へ
The post ブラックハットSEO手法一覧で解説！ホワイトハットとの違いは？ first appeared on SCワンポイント講座.]]> ブラックハットSEOとは、ユーザーや検索エンジンを欺き、不正に上位の検索順位を目指すSEO対策の手法です。掲載順位を決めるGoogleの検索アルゴリズムの穴を狙って打つ施策であり、ペナルティの対象になります。

本記事では、ブラックハットSEOとは具体的にどのような行為が当てはまるのかを分かりやすく解説していきますので、知らないうちにブラックハットSEOを行い、ペナルティの対象にならないよう、しっかりと理解しましょう。

また後半では、ブラックハットSEOとホワイトハットSEOの違いや、ブラックハットSEOに対するペナルティの内容等も解説していますので、ぜひ参考にしてください。

ブラックハットSEOとは？

ブラックハットSEOとは、Googleのガイドラインに背いた不正な方法で、ユーザーや検索エンジンを欺き、上位の検索順位を目指す手法です。

Googleのガイドラインでは、検索順位を上げるための不正行為をしないことを基本方針として掲げています。このガイドラインで不正行為として定義している、スパム行為や隠しテキスト等の手法が、ブラックハットSEOと呼ばれています。

<参照：Google検索の基本事項(旧ウェブマーケター向けガイドライン)｜Google検索セントラル>

2000年に登場したGoogleの検索エンジンは、2010年頃まではブラックハットSEOで検索順位を簡単に上げることができるアルゴリズムであったため、この手法でも検索順位は上がりました。

しかし、対策としてGoogleは数回のアルゴリズムのアップデートを行い、現在ではほとんどが意味のない手法となっています。

特に、以下に示した2011年〜2012年にかけてGoogleが開発した画期的なアルゴリズムにより、数多くのブラックハットSEOの手法が通用しなくなりました。

パンダアップデート	2011年にリリース・Webサイトのコンテンツ品質を評価するアップデート
ペンギンアップデート	2012年にリリース・被リンクの品質を評価するアップデート

またGoogleは、ブラックハットSEOに対して厳しいペナルティを与えるようになり、ブラックハットSEOは非常にリスクの高い手法となりました。(ブラックハットSEOに対するペナルティについては、後半で解説しています。)

代表的なブラックハットSEOの手法一覧

ここからは、以下の代表的なブラックハットSEOの手法について、それぞれ説明していきます。

• コメントスパム(ユーザー生成スパム)
• サイトへの不自然なリンク
• サイトからの不自然なリンク
• コピーコンテンツ
• ワードサラダで作成したコンテンツ
• 隠しテキスト・キーワードの乱用
• 隠しリンクの乱用
• クローキング・不正なリダイレクト
• 自動生成されたコンテンツ
• 悪意のある動作を伴うページの作成

コメントスパム(ユーザー生成スパム)

コメントスパムとは、自身とは関係のない第三者のブログや掲示板のコメント欄から、自社サイトに向けてリンクを貼ることで、被リンクを獲得する手法です。

自社のWebサイトにコメント欄がある場合は、自社がコメントスパムの対象になるリスクもあります。

自社のWebサイトにスパムコメントが投稿されると、低品質なコンテンツがある、スパムによってユーザーに不快を与える、とGoogleが判断し、自社のWebサイトの評価が下がることがあります。

そのため、スパム対策ツールや、コメント欄を定期的に確認する等の対策が必要です。

Googleからも、コメントスパム(ユーザー生成スパム)の防止方法について記載されたページがあるので、よろしければご参照ください。

<参照：コメントスパムを防止する方法｜Google検索セントラル>

不自然なリンク

サイトへの不自然なリンクとは、検索順位を上げる目的で、コンテンツの関連性の有無に関わらず不正にリンクを集める手法のことです。

Googleの検索エンジンは、被リンクの多いWebサイトに対し、ユーザーからの信頼度が高いと評価します。そのため、この仕組みを利用し、自社のWebサイトに不正な方法でリンクを集めることで、自社のWebサイトの検索順位を上げることができます。

Googleのガイドラインでは、以下のような方法でリンクを集めることを禁止しています。

<参照：リンクスパム｜Google検索セントラル>

• 外部リンクの売買
• 過剰な相互リンク
• 自動プログラムを使用して自社サイトへのリンクを作成

また、検索順位を上げるために大量の相互リンクを行うことを目的として作成された、「リンクファーム」と呼ばれるサイト群も存在します。

しかし、現在ではGoogleの検索エンジンの精度が上がり、殆どの場合で自然なリンクか不自然なリンクかを判別できるようになりました。

サイトからの不自然なリンク

サイトからの不自然なリンクとは、特定のサイトに対してリンクを発する手法のことです。

つまり、サテライトサイトのことを指します。

ペンギンアップデート以降は、被リンクの設置だけを目的とした低品質なサイトはGoogleからペナルティ対象とされ、本サイト、サテライトサイト共に検索順位を下げられるようになりました。

尚、不自然なリンクには相互リンクが含まれる場合もあるため、知人のWebサイトのリンクであったとしても、意味もなく大量のリンクを貼るのは避けるべきです。

コピーコンテンツ

コピーコンテンツとは、他のWebサイトのコンテンツをそのまま使用したり、少しだけ修正したコンテンツを使用することを指します。

複数のWebサイトに同一のページがあることになり、Googleの検索エンジンから重複コンテンツと見なされれば、ペナルティの対象になります。コピーコンテンツに関しては、SEOのアルゴリズムの観点だけでなく、剽窃や盗用という観点からも避けるべき行為です。

ワードサラダで作成したコンテンツ

ワードサラダとは、日本語の文法的には正しいものの、意味が破綻している文章のことです。

SEO対策のためにキーワードに関連する共起語や関連語句を詰め込んだ文章がワードサラダに該当します。以下に、ChatGPTにワードサラダを例示させた文章を紹介します。

ワードサラダで作成した文章例



上記の文章は、文法としては間違っていませんが、不自然な文章であり、ユーザーにとって役に立ちません。

以前までの検索エンジンでは、文章が不自然かどうかまで判断できなかったため、ワードサラダが多用されていました。しかし現在では、検索エンジンの大幅なアップデートにより、文法だけではなく文章の意味まで正しく理解できるようになったため、この手法は通用しなくなりました。

隠しテキスト、キーワードの乱用

隠しテキストとは、ユーザーには見えないキーワードをたくさん記述し、Googleの検索エンジンに読み込ませて検索順位を上げるという手法です。

<参照：隠しテキストと隠しリンク｜Google検索セントラル>

以前は、キーワードとなる言葉が多く使用されていたり、文字数が多い方が、検索エンジンからの評価が高く検索順位が上がりやすいと言われていました。そのため、隠しテキストを利用して意図的に文字数を増やしていました。

隠しテキストの具体例は、以下の通りです。

• サイトの背景色と文字色を同一にする
• フォントサイズを0や1にする
• CSSを使用してテキストを画面外に配置する

しかし現在では、ユーザーに見えないような隠しテキストを使用すると、Googleの検索エンジンから信頼性の低いサイトだと認識されます。

また、キーワードの乱用も、特定のキーワードの含有率を上げることで検索順位を不正に高めようという手法です。

しかし、特定のキーワードが異常な回数出現すれば、不自然な文章となり、Googleの検索エンジンに人為的な操作であると捉えられる可能性があります。

隠しリンク

隠しリンクとは、ユーザーには見えないリンクをGoogleのクローラーにだけ読み込ませる手法です。

この手法の目的は、ユーザーに気付かれないようにリンクを増やすことで、Googleにページの重要性を誤認させることです。

<参照：隠しテキストと隠しリンク｜Google検索セントラル>

隠しリンクの具体的な例は、以下の通りです。

• サイトの背景色と同じ色でリンクを設定する
• フォントサイズを0や1にする
• 句読点などの1文字にリンクを設定する

Googleから、ユーザーに対しての価値がなく、クローラーに読み込ませるためだけのリンクであると判断された場合には、ペナルティの対象となるため、注意しましょう。

クローキング・不正なリダイレクト

クローキングとは、検索順位を操作したり、ユーザーに誤解を与えることを目的として、ユーザーと検索エンジンに異なるコンテンツを表示する手法のことです。

<参照：クローキング｜Google検索セントラル>

不正なリダイレクトとは、ユーザーと検索エンジンに異なるコンテンツを表示したり、ユーザーの本来のニーズを満たさないコンテンツを表示することを目的に、サイトにアクセスしようとしたユーザーを、最初にリクエストされたURLとは別のURLに移動させることです。

<参照：不正なリダイレクト｜Google検索セントラル>

このようにして、クローラーが訪問してきたときのみ、キーワードを大量に詰め込んだHTMLを認識させ、そのページが対象のキーワードに対して情報量が多いかのように誤認させます。

クローキングは、ブラックハットSEOの手法として通用しなくはなってきましたが、検索エンジンの目をかいくぐり、有効になってしまう可能性がある手法です。

悪気がなくクローキングにあたる設定をしてしまうこともあるため、注意が必要です。

自動生成されたコンテンツ

自動生成されたコンテンツとは、自動作成ソフト等を用いて量産されたコンテンツのことです。

<参照：自動生成されたコンテンツ｜Google検索セントラル>

2023年現在、ChatGPTやAI等も使用されるようになり、コンテンツの自動生成は容易にできるようになりました。しかし、文脈が不自然になる等ユーザーの役に立たないコンテンツになる傾向があり、Googleから質の低いコンテンツと認識される可能性があります。

自動生成されたコンテンツであっても、ユーザーの役に立つ価値の高いコンテンツであれば、ペナルティの対象にはならないとGoogleは公言しています。

悪意のある動作を伴うページの作成

悪意のある動作を伴うページの作成とは、Webサイト上でユーザーの予想や希望とは異なる動きをするコンテンツを作成することです。

<参照：悪意のある動作を伴うページ｜Google検索セントラル>

具体的な動作の例は、以下の通りです。

• ユーザーがクリックしたとき、実際は別の部分をクリックしたことにする
• ページ上に既にある広告を別のものに置き換える
• ユーザーがダウンロードしたとき、意図しないファイルもダウンロードさせる
• ユーザーのパソコンにウイルス等をインストールする
• ユーザーの同意を得ずに、ユーザーのブラウザの検索設定等を変更する

このように、ユーザーが求めているもの以外を表示させたり、ユーザーの同意なくファイルをダウンロードさせることは、Googleガイドライン違反の対象になるので、注意しましょう。

ブラックハットSEOとホワイトハットSEOの違い

ここまでブラックハットSEOの手法を紹介してきましたが、ここでは、ブラックハットSEOと、その反対の手法であるホワイトハットSEOの違いを解説します。

Googleのガイドラインに準じたSEO対策か

まず、ブラックハットSEOとホワイトハットSEOでは、Googleのガイドラインに準じたSEO対策か、という点が異なります。

<参照：Google検索の基本事項(旧ウェブマーケター向けガイドライン)｜Google検索セントラル>

ブラックハットSEOは、Googleの検索アルゴリズムの裏をかき、不当な方法で検索順位を上げようとする手法です。

よって、Googleのガイドラインに準じたSEO対策とはいえません。

一方、ホワイトハットSEOは、Googleの評価基準を正しく理解し、その基準に基づいたうえでSEO対策を行う手法です。

よって、Googleガイドラインに準じたSEO対策であるといえます。

ユーザーファーストになっているか

ブラックハットSEOとホワイトハットSEOの違いとして、ユーザーのことを考えたサイト構成やコンテンツ内容を作れているかも大きなポイントです。

ブラックハットSEOは、ユーザーを欺いて検索順位を上げる手法であり、ユーザーファーストであるとはいえません。

一方、ホワイトハットSEOは、ユーザーにとっての有意義な内容や、見やすい構成を追及していく手法であり、ユーザーファーストであるといえます。

結局ブラックハットSEOは有効なのか？

ここまで解説してきたように、検索順位を上げるために不正な方法を用いるブラックハットSEOですが、結論としては、通用しなくなってきています。

但し、2023年現在でも一部のブラックハットSEOは効果を発揮してしまう、というのが現状です。

しかし、ブラックハットSEOの効果が薄くなってきていることは間違いありません。

仮にブラックハットSEOを行って順位が上がったとしても、定期的に行われるGoogleアップデートにより、それまで通用していたブラックハットSEOの手法が通用しなくなる可能性も大いにあります。

また、ブラックハットSEOを行い、Googleからペナルティが課された場合のリスクは非常に大きく、Googleのガイドラインに反したブラックハットSEOに取り組むのは時間の無駄だといえます。

下記では、ブラックハットSEOに対し、Googleからペナルティが課された場合の内容について紹介します。

ブラックハットSEOに対するペナルティの内容

ブラックハットSEOを行ってGoogleからペナルティが課せられた場合、そのペナルティの内容としては、以下のようなものが挙げられます。

• 検索順位が大幅に落ちる
• 検索エンジンからインデックスが削除される
• ドメインがインデックスから削除される
• Webサイト運営のためのIPアドレスが禁止される

ペナルティの対象になった場合、上位表示されていたページが100位以下まで落ちることもあります。

また、ペナルティの対象となる可能性がある手法について、Googleが明言しているページがありますので、よろしければご参照ください。

<参照：Googleの手動による対策レポート｜サーチコンソールヘルプ>

ペナルティを受けた場合は、再審査リクエストを行い解除の申請をすることも可能ですが、以下のように、ペナルティ以前の状態に戻るには大変な労力と時間を要します。

• ペナルティ解除に時間がかかる
• ペナルティが解除されない場合がある
• ペナルティが解除されても元の順位に戻らない

このように、ペナルティを受けるリスクは非常に大きく、最悪の場合、ドメインを取得し直して1からサイト運営を始めることになってしまう可能性があるので気を付けましょう。

ブラックハットSEOを報告する方法

ブラックハットSEOを行っている疑いがあるWebサイトを見つけたときは、Googleに報告することができます。

<参照：Googleの報告ページ>

報告を行ってもGoogleが違反に対して直接対処することはありませんが、アルゴリズムによるスパム検出が改善されます。

以下に、Googleに報告できるブラックハットSEOの報告カテゴリをまとめました。

報告カテゴリ	カテゴリに含まれる手法
スパム行為のあるコンテンツ	隠しテキスト・誘導ページ・クローキング・不正なリダイレクト等
有料リンクのスパム	外部リンクの売買・過剰な相互リンク等
マルウェア	悪意のあるソフトウェアの配布等
フィッシング	他のページへのなりすまし等

ブラックハットSEOを行わないために読むべきコンテンツ

ここまで、ブラックハットSEOについて紹介、解説をしてきましたが、ブラックハットSEOに該当するか否かの基準は常に見直されています。

そのため、気付かないうちにブラックハットSEOを行っていた、ということがないよう、常に新しい情報を収集しておくことが大切です。

そこで、情報収集するときに役立つコンテンツを以下に紹介するので、よろしければ参考にしてみてください。

コンテンツ	リンク
検索エンジン最適化(SEO)スターターガイド	Google公式 SEOスターターガイド｜Google検索セントラル
Google検索の基本事項(旧Webマーケター向けガイドライン)	Google検索の基本事項(旧Webマーケター向けガイドライン)｜Google検索セントラル

まとめ

ブラックハットSEOについて、代表的な手法の紹介やホワイトハットSEOとの違いを説明してきました。

ブラックハットSEOとは、Googleのガイドラインに背いて不正に検索順位を上げる手法であり、現在では殆ど通用しません。ブラックハットSEOに対してGoogleから課せられるペナルティを考えると、早い段階でホワイトハットSEOに以降すべきだといえます。

ブラックハットSEOがどのようなものなのかしっかりと理解して、気付かないうちにペナルティの対象とならないよう、健全にSEO対策を行っていきましょう。

The post ブラックハットSEO手法一覧で解説！ホワイトハットとの違いは？ first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webmarketing_onepoint/50953/ Wed, 10 May 2023 02:54:23 +0000 https://onepoint.softcampus.co.jp/?p=50953 物事を検索する際に、文字入力が面倒なこともありサジェストキーワードを使用するユーザーも多いのではないでしょうか？ サジェストキーワードは、SEO対策においてユーザーの検索意図をつかむ大切な情報です。無料・有料のサジェストRead more about サジェストを一括ダウンロード！キーワードに使えるツール11選 →ワンポイント詳細へ
The post サジェストを一括ダウンロード！キーワードに使えるツール11選 first appeared on SCワンポイント講座.]]> 物事を検索する際に、文字入力が面倒なこともありサジェストキーワードを使用するユーザーも多いのではないでしょうか？

サジェストキーワードは、SEO対策においてユーザーの検索意図をつかむ大切な情報です。無料・有料のサジェストキーワードツールを上手く利用して上位表示を目指しましょう。

この記事では、サジェストキーワードについての解説、おすすめのキーワードツール11個をご紹介します。

こんな方に役立つ記事です！

• サジェストキーワードについて知りたい方
• サジェストキーワードと関連キーワードの違いについて知りたい方
• 無料のサジェストキーワードツールを導入したい方
• 有料サジェストキーワードツールを導入したい方

サジェストキーワードとは？



サジェストキーワードとは
検索窓にキーワードを入れたときに、自動表示される検索候補のことです。

サジェストには（Suggest：提案する）という意味があり、ユーザーが検索窓に入力したキーワードを元に、検索エンジン側が「よく検索されているキーワード」を自動で提案してくれます。

基本的には、ユーザーの検索頻度やキーワードとの関連度によって提案されています。また、サジェストキーワードはSEOで上位表示を狙うには大切な情報です。サジェストキーワードを調べて、ユーザーにニーズのあるキーワードを選定しましょう。

サジェストキーワードと関連キーワードの違い

「サジェストキーワード」は、検索窓に検索したいキーワードを入れた時に表示されるキーワードなのに対し、「関連キーワード」は、検索結果ページの下部に表示されるキーワードです。

【サジェストキーワード】


【関連キーワード】


表示される場所以外にも違いはあります。

サジェストキーワード	ユーザーの検索頻度やキーワードとの関連度によって表示される
	→ユーザーの検索傾向、トレンドなども反映される
関連キーワード	ユーザーの過去の検索結果に関係なく、検索キーワードと関連の高いキーワードが表示される
	→入力した検索キーワードと一緒に検索される頻度が高いキーワードが表示される

このように、同じキーワードでも表示されるものに違いがあります。
サジェストキーワードと関連キーワード、混同しやすい両者ですが違いを理解してSEO対策に役立たせましょう。

サジェストキーワード便利な一括ダウンロードツール！11個紹介


サジェストキーワードツールとは
サジェストキーワードツールとは、調べたいキーワードを入力するだけで瞬時にサジェストを抽出し一括確認できるツールです。主に、キーワードの競合性や検索ボリューム、検索順位などを表示することができ、用途によって様々なキーワードツールがあります。

自分で検索する場合、サジェストキーワードを表示させるには個数に限りがあり、１つ１つ検索していくには時間と手間がかかってしまいます。便利なキーワードツールを活用してユーザーの検索意図を見抜きましょう。

無料のサジェストキーワードツール7選

キーワードツールを初めて利用する方や、ちょっとした検索に利用したい方には、無料のサジェストキーワードツールから始めてみるのもおすすめです。無料でも十分にリサーチできるツールがあるので紹介していきます。

①ラッコキーワード



ラッコキーワードは、Google、Bing、YouTubeなど様々な情報取得元から一瞬でキーワードを表示させられるツールです。サジェストキーワードの他にも、関連キーワード、複合キーワードも簡単に調べることができます。会員登録(無料)で無制限に検索することができます。

②OMUSUBI（おむすび）



OMUSUBI（おむすび）は、Google、YouTube、Amazonなどからサジェストキーワードを取得できるツールです。キーワードを入力するとキーワードマップが放射状に表示され、表示されたキーワードをクリックするとまた更にキーワードが表示されていきます。

③KOUHO.JP（コウホー.JP）



KOUHO.JP（コウホー.JP）は、Bingサジェスト以外にも、Amazonや楽天のサジェスト検索をすることもできるのでECに関するコンテンツを作るのにも役立つツールです。操作が簡単で、サジェストの表示は50音順で見やすくなっています。

④Keyword Tool（キーワードツール）



Keyword Tool（キーワードツール）は、Googleキーワードプランナーや他のキーワードツールの代替になる無料のキーワードツールです。日本語だけでなく、様々な外国語でキーワードを取得できるのが特徴です。CSVまたはExcelで一括ダウンロードすることができます。Keyword Tool（キーワードツール）は無料でも使うことはできますが、有料版にすると検索ボリュームを増やすことができます。

⑤Googleキーワード プランナー



Googleキーワード プランナーは、Google公式のキーワードツールでもあり、広告の運用ツールでもあります。キーワードを入力すると、月間平均検索ボリューム、競合性、関連性など自動で抽出してくれます。「キーワード候補をダウンロード」をクリックすると、CSVで一括ダウンロードすることができます。

⑥Ubersuggest（ウーバーサジェスト）



Ubersuggest（ウーバーサジェスト）は、日本だけでなく世界的にも利用されているキーワードツールです。キーワードを入力すると、サジェストや検索ボリューム、人気記事なども表示してくれるのが特徴です。有料版と無料版がありますが、無料版でもキーワード検索をすることができます。

⑦キーワードリサーチャー



キーワードリサーチャーは、GoogleとYouTubeのキーワードを取得することができるツールです。キーワードを入力すると放射状にキーワードマップが表示されます。GoogleかYouTubeのどちらかを選んで検索することもできます。キーワードはCSVで一括ダウンロードすることができます。

有料のサジェストキーワードツール4選

有料版になると、サジェストキーワードを取得する機能に加えて様々な機能がついているツールがあります。プロの方や本格的にSEO対策をしたい方におすすめです。

①Ahrefs (エイチレフス)



Ahrefs (エイチレフス)は、キーワード検索以外にもキーワードの難易度や被リンクの調査、サイトの順位変動チェックなどできるSEO分析をするにはうってつけのツールです。全世界で60万人以上の人が利用しています。プランは4種類あり、料金は月額99ドル(約13,000円/2023年4月22日現在)からになります。

②KEYWORD FINDER（キーワードファインダー）



KEYWORD FINDER（キーワードファインダー）は、サジェストキーワードの抽出以外にもキーワードをカテゴリー別に分類してくれたり、SEOキーワードを自動取得してくれる機能もある優れたツールです。料金は月額5万円からですが、無料で7日間体験することができます。

③SEARCH WRITE (サーチライト)



SEARCH WRITE (サーチライト)は、初心者でも分かりやすく使いやすい設計のSEO対策ツールです。キーワード選定の他にも、AIによる企画立案や分析、タスク進捗の管理など様々な機能が備わっています。料金は月額5万円です。

④グーグルサジェスト キーワード一括ＤＬツール



グーグルサジェスト キーワード一括ＤＬツールは、Googleが提供しているサジェストキーワード検索機能です。Google以外にも、Yahoo!やBing、Amazonなどのサジェストキーワードを表示できます。「CSV取得」ボタンを押すと簡単に一括ダウンロードすることができます。料金は1カ月500円から利用できます。

サジェストキーワードツールまとめ

以上、サジェストキーワードについての解説とおすすめのキーワードツール11個の紹介でした。

有料・無料、キーワード検索以外にも様々な機能が備わったツールがあります。自分に合ったツールを選びましょう。

SEO上位を狙ったコンテンツ作成には、キーワード選定が非常に重要な役割を果たします。サジェストキーワードツールを上手く活用し、キーワードの検索ボリュームや難易度、トレンドなどを把握することが大切です。コンテンツに合ったキーワードを見抜き上位表示を目指しましょう。

The post サジェストを一括ダウンロード！キーワードに使えるツール11選 first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webdesign_onepoint/50929/ Tue, 02 May 2023 01:43:23 +0000 https://onepoint.softcampus.co.jp/?p=50929 Webサイトやブログなどで必ずある見出し。 「CSSだけで見出しをおしゃれにしたいけれど、どのように作ればよいかわからない」 そのように悩まれている方も多いでしょう。 見出しのデザイン一つでWebサイトやブログの印象は大Read more about 2023年最新版！おしゃれな見出しデザインCSSだけで作る20選 →ワンポイント詳細へ
The post 2023年最新版！おしゃれな見出しデザインCSSだけで作る20選 first appeared on SCワンポイント講座.]]> Webサイトやブログなどで必ずある見出し。

「CSSだけで見出しをおしゃれにしたいけれど、どのように作ればよいかわからない」

そのように悩まれている方も多いでしょう。

見出しのデザイン一つでWebサイトやブログの印象は大きく変わります。

そこで、今回はCSSだけで作ることができる、2023年最新版おしゃれな見出しデザイン20選をトレンド解説とともに紹介します。また、コピペで使えるHTML・CSSのサンプルコード、Wordpressとはてなブログでの使い方も紹介しているので、ぜひ参考にしてみてくださいね。

CSSのみで作る見出しデザイン

WEB(HTML)上で、見出しとして使用されるタグはhタグ(h1～h6)です。そのため、サンプルのHTMLではh2を例にして作成してますが、使用したい箇所にclass属性を追加するなどして、見出し以外のデザインにも反映することも可能です。

おしゃれな見出しデザイン

• シンプル系
• ポップ系
• かわいい系
• スタイリッシュ系
• 手書き系

シンプル系

無駄なものを省き、必要最小限のものだけでシンプルに表現をする「ミニマリズム」を意識したデザインもトレンドの一つです。

また、配色トレンドの一つにモノクロ調もあり、白と黒で表現することで、カラフルなWebサイトが多い中で、強い印象も与えられそうです。

さらに、使い勝手もよく、シンプルで洗練された雰囲気もあっておしゃれですね。

両端にライン


h2 {
position: relative;
display: inline-block;
padding: 0 55px;
}
h2:before, h2:after {
content: ”;
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
h2:before {
left:0;
}
h2:after {
right: 0;
}

上下にライン


h2 {
position: relative;
text-align: center;
border-top: solid 1px;
border-bottom: solid 1px;
}

上下に四角のライン


h2 {
position: relative;
text-align: center;
background-color: #fff;
}
h2:before {
content: ”;
height: 150px;
width: 150px;
border: solid 1px #000;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
h2-wrap {
padding-bottom: 20px;
}

背景に文字と下にライン


h2 {
position: relative;
padding-top: 45px;
border-bottom: 1px solid rgba(5,62,98,1);
}
h2::before {
content: “Contents”;
position: absolute;
top: 0px;
left: 0px;
color: rgba(5,62,98,0.15);
font-size: 55px;
text-transform: uppercase;
z-index: -1;
}

上下のラインと付箋風アイコン


h2{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
h2::before{
content: “”;
position: absolute;
top: -15px;
left: 20px;
width: 50px;
height: 70px;
background-color: #898787;
z-index: -1;
}

ポップ系

自粛ムードも明け、ちょっとした面白さや楽しさ、陽気な雰囲気をデザインに取り入れることもトレンドとなってます。

また、配色トレンドの中では、グラデーションカラーと鮮やかな蛍光色とがあり、この色合いを取り入れることでより明るいユニークな印象になりそうです。

明るいカラーがアクセントになっていたり、ストライプやボーダーでカジュアルな印象のデザインもポップでかわいいですね。

囲み斜めストライプ


h2 {
position: relative;
border-radius: 5px;
outline: 2px solid #ffe5cc;
outline-offset: 8px;
background: repeating-linear-gradient(-45deg, #ffe5cc 0 3px, #fff 5px 10px);
color: #fff;
text-shadow: -1px -1px 0 #ff7b00, -1px 1px 0 #ff7b00, 1px -1px 0 #ff7b00, 3px 3px 0 #ff7b00;
font-weight: bold;
text-align: center;
}

背景にグラデーション


h2 {
background: linear-gradient(to right, rgb(255, 86, 170), rgb(255, 255, 86));
background-repeat: no-repeat;
color: white;
font-weight: bold;
}

背景にグラデーションと囲み線


h2 {
border: 5px solid;
background-image: linear-gradient(89.9deg, rgba(178, 253, 238, 0.96) 10%, rgba(207, 244, 254, 1) 30%, rgba(207, 244, 254, 1) 45%, rgba(255, 230, 255, 1) 60%, rgba(255, 204, 255, 1) 75%, rgba(219, 183, 255, 0.85)86%);
color: #ff007f;
font-weight: bold;
}

背景に色と文字に影


h2 {
font-style: italic;
letter-spacing: .1em;
color: #fff;
background: #4242ff;
text-shadow: -5px 2px 0 #282899;
}

タグ風背景


h2 {
position: relative;
padding: 15px;
color: #a347ff;
font-weight: bold;
}
h2::before,
h2::after {
position: absolute;
width: 100%;
height: 110%;
content: ”;
z-index: -1;
transform: skew(15deg);
}
h2::before {
top: -5px;
left: -10px;
background-color: #ffff60;
}
h2::after {
top: 5px;
left: 5px;
border: 2px solid;
}

かわいい系

1980～1990年代をイメージされるレトロなデザインと今のトレンドを組み合わせた、「レトロモダン」もトレンドのデザインの一つです。

無機質な質感でありながら、どこか温かみのあるノスタルジックなデザインスタイルがかわいいですね。

ステッチ風


h2 {
position: relative;
padding: 1.5rem 2rem;
border: 4px solid #000;
border-color: #c39143;
}
h2:before,
h2:after {
position: absolute;
left: 0;
width: 100%;
content: ”;
border-top: 4px dotted #000;
border-color:#c25742;
}
h2:before {
top: 6px;
}
h2:after {
bottom: 6px;
}

囲み線


h2 {
position: relative;
text-align: center;
border-top: 2px solid #fbca4d;
border-bottom: 2px solid #fbca4d;
color: #b7282e;
}
h2:before,h2:after{
content: ”;
position: absolute;
top: -15px;
width: 2px;
height: calc(100% + 1em);
background-color: #fbca4d;
}
h2:before {
left: 10px;
}
h2:after {
right: 10px;
}

ストライプの下線


h2 {
position: relative;
color: #800000;
font-weight: bold;
}
h2::before {
position: absolute;
height: 0.5rem;
width: 100%;
bottom: 5px;
right: 0;
border: 1px solid #800000;;
background: repeating-linear-gradient(45deg, #f8b862 0 2px, transparent 2px 4px);
content: ”;
}

背景にドット


h2 {
position: relative;
outline: 3px solid #e45e32;
background-image:
radial-gradient(#ffebcd 30%, transparent 30%),
linear-gradient(#fddea5 0 100%);
background-repeat: repeat, no-repeat;
background-size: 20px 20px, 100% 100%;
font-weight: bold;
text-align: center;
}

囲み線の角に丸


h2 {
color: #fff;
position: relative;
text-align: center;
border: solid 2px #000080;
border-radius: 3px 0 3px 0;
background: #800000;
}
h2:before, h2:after {
content: ”;
position: absolute;
width:10px;
height: 10px;
border: solid 2px #000080;
border-radius: 50%;
background: #cc8800;
}
h2:after {
top:-12px;
left:-12px;
}
h2:before {
bottom:-12px;
right:-12px;
}

アート系

図形や幾何学柄、色で表現する抽象画のようなデザインもトレンドになってます。

四角や三角など様々な形を組み合わせたり、カラーで遊んだりするのもおしゃれですね。

四角を組み合わせる


h2 {
position: relative;
text-align: center;
display: inline-block;
}
h2:before {
content: ”;
height: 20px;
width: 40px;
border: solid 1px #ccc;
border-color: #94adda;
display: block;
position: absolute;
left: 0;
top: 0;
margin: auto;
z-index: -1;
}
h2:after {
content: ”;
height: 80px;
width: 80px;
border: solid 1px #ccc;
border-color: #e3adc1;
display: block;
position: absolute;
right: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
h2-wrap {
padding-bottom: 20px;
text-align: center;
}

三角を組み合わせる


h2 {
position: relative;
margin-bottom: 15px;
padding-top: 50px;
padding-left: 40px;
}
h2:before {
content: ”;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 110px 80px;
border-color: transparent transparent #ff99ff transparent;
position: absolute;
z-index: -1;
transform: rotate(30deg);
top: -20px;
left: 30px;
}
h2:after {
content: ”;
width: 0;
height: 80px;
border-style: solid;
border-width: 80px 0 30px 50px;
border-color: transparent transparent #14ffff transparent;
position: absolute;
z-index: -1;
transform: rotate(40deg);
bottom: 0;
margin: auto;
}

いびつな丸を作る


h2 {
font-weight: bold;
}
h2::first-letter {
padding: 0.7rem;
border-radius: 54% 46% 38% 62%/49% 70% 30% 52%;
background-color: #2d1b11;
background-image: linear-gradient(135deg, #236641 10%, #3cb371 100%);
color: white;
font-size: 36px;
}

手書き系

あえて文字だけで、フォントやカラーで個性を出す、デザイン性の高いレイアウトもトレンドとして注目を集めています。

手書き風な文字もインパクトがあり、おしゃれですね。

中心に影のような英字


h2 {
text-align: center;
position: relative;
}
h2::before {
content:”Contents”;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%) rotate(-12deg);
color: #c0c0c0;
font-size: 80px;
font-family: ‘Dancing Script’, cursive;
font-style: italic;
z-index: -1;
}

エレガントな英字


h2 {
position: relative;
padding-top: 50px;
padding-left: 30px;
}
h2::before {
content: “Contents”;
position: absolute;
transform: rotate(-5deg);
top: -20px;
left: 0;
color: #ef857d;
font-size: 80px;
font-weight: 400;
font-family: ‘Great Vibes’, cursive;
font-style: italic;
}

WordPressとはてなブログでの使い方

ここまで、デザインサンプルやHTML・CSSコードを紹介してきましたが、それをWebサイトやブログ作成でよく使われている、Wordpressとはてなブログではどのように反映していくかの手順を解説していきます。

WordPress

1. CSSコードをコピペ
2. HTMLコードをコピペ

使いたいデザインのCSSコードをコピーして、ワードプレスのCSSファイル(Style.css)に貼り付けます。最初からコードが記載されておりますが、それは消さないように注意してください。

次に、使いたいデザインのHTMLコードをコピーして、記事の中で見出しデザインを挿入したい箇所に貼り付けます。ここでは、HTMLで編集ができるモードに切り替えた後に貼り付けるよう注意しましょう。

はてなブログ

1. CSSコードをコピペ

使いたいデザインのCSSコードをコピーして、はてなブログのデザインCSSに貼り付けます。CSSを書き終えたら変更を保存するをクリックして完了です。

しかし、はてなブログのテーマデザインに依存している見出しデザインがある場合、CSSコードのデザインが反映されない場合がありますので、注意が必要です。

まとめ

以上、CSSだけで作るおしゃれな見出しデザインをサンプルコードとともにご紹介しましたが、いかがでしょうか。

また、Webサイトやブログ作成でよく使われている、Wordpressとはてなブログでの使い方も合わせて解説しました。

そして、よりデザインに興味を持った方は、下記の記事でWEBデザインのトレンドも解説されてますので、ご覧ください。
https://japan-design.jp/design/0014/#index_id1

文字や色味、ラインの太さを少し変えるだけでも、がらりと印象が変わります。お好みでカスタマイズをしながら、素敵な見出しを作ってみてください。

The post 2023年最新版！おしゃれな見出しデザインCSSだけで作る20選 first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webmarketing_onepoint/50920/ Mon, 01 May 2023 09:21:24 +0000 https://onepoint.softcampus.co.jp/?p=50920 自社の商品・サービスの売上を伸ばしたい、サイトへのアクセス数を伸ばしたい方は多いでしょう。自社サイトの改善、データ分析にはGoogleアナリティクスの導入が必要不可欠です。 「コンバージョン」「直帰率」など見慣れない用語Read more about Googleアナリティクスの分析機能は何ができる？活用方法解説 →ワンポイント詳細へ
The post Googleアナリティクスの分析機能は何ができる？活用方法解説 first appeared on SCワンポイント講座.]]> 自社の商品・サービスの売上を伸ばしたい、サイトへのアクセス数を伸ばしたい方は多いでしょう。自社サイトの改善、データ分析にはGoogleアナリティクスの導入が必要不可欠です。

「コンバージョン」「直帰率」など見慣れない用語に戸惑うかもしれませんが、初心者でも使いこなすことは可能です。Googleアナリティクスを効果的に使い、サイト運営のパフォーマンスを向上させましょう。

ここではGoogleアナリティクスの分析機能、基本的な用語、活用方法について解説していきます。

Google アナリティクスとは？

Googleアナリティクスとは、Googleが提供しているアクセス解析ツールで、誰でも無料で使うことができます。

自社のサイトにどういう人が、いつ、どこ経由で訪れたのかなど、ユーザーの「属性」や「行動」を細かく分析するのに役立ちます。

Webサイトを通して商品やサービスを販売し、売上を伸ばすためには、導入が必須のツールだと言えるでしょう。

Googleアナリティクスではなにがわかる？



Googleアナリティクスは自分のビジネスを持つ人にとって、サイト集客の大きな味方であり、必要不可欠なツールです。

チラシの配布、看板、新聞広告といった集客方法ではユーザーを集めることはできても、ユーザーの属性まではわかりません。しかしGoogleアナリティクスを導入すれば、「ユーザーがどんな人なのか」「どこから来たのか」といった細かい情報まで分析できます。

Googleアナリティクスの分析機能を使うことでわかることはたくさんありますが、次の3つの項目に注目することで使いやすくなります。

Googleアナリティクス データ分析3つのポイント

1. ユーザー
2. 集客
3. 行動

この3項目は、分析機能において「見るべき指標」「抑えておくべき指標」となります。はじめのうちはここを見ておくだけでも十分だと言えるほど、重要な指標です。


3つの指標は、Googleアナリティクスの管理画面の左側にあるサイドバーで確認できます。

3つの指標が示すこと

指標	内容
ユーザー	ユーザー数/新規ユーザー数/ユーザー属性/セッション数/ページビュー数/直帰率/利用しているブラウザ
集客	どのサイト・広告経由か/検索・SNS経由か
行動	サイト内の移動状況/購入or離脱/滞在時間/ダウンロード状況

Googleアナリティクスの分析機能を使ってできること

Googleアナリティクスの分析機能において、もっとも重要な指標は以下の3つです。

1. ユーザー
2. 集客
3. 行動

この3つの指標を気にするだけでも十分な戦略を練ることができ、今後のビジネス活動に活かせます。これらの指標を参考に、例えば次のようなことができます。

分析機能と、その内容

分析データの例	できること
ページ、広告のクリック数	今後の広告戦略に活かす
商品やコンテンツのページビュー	ユーザーの興味の傾向、ユーザー層の把握
年齢・性別といったユーザーの属性	ターゲティングが適切かどうかの確認
サイト内でのユーザーの動き	行動フロー、どこで離脱したのかを把握
アクセス数、購入数など具体的な数値	コンバージョン率の確認
ユーザーの滞在時間	コンテンツの改善

記事や動画などのコンテンツを見てほしいのか、商品やサービスを購入してほしいのかによって、分析機能の見方は変わってきます。

必要なデータに基づきサイト改善を行い、売上アップやアクセス数アップにつながる戦略を立てましょう。

基本的な用語



Googleアナリティクスには、データ分析をする上で知っておきたい用語がいくつかあります。

いきなりすべての専門用語を理解する必要はありませんが、最低限の用語を知っておくことで、データ分析の効率がアップします。

ここではよく使われる指標と、初心者が抑えておくべき用語を解説します。

ユニークユーザー

ユニークユーザーとは、サイトを訪れたユーザー数のことを言います。同じユーザーが繰り返しサイトを訪れたとしても、ユニークユーザー数は「1」となります。

セッション

セッションとは、ユーザーがサイトを訪問してから離脱するまでのことを言います。ユーザーがサイトを訪問し、数ページ見てから離脱した場合のセッションは「1」。一定時間経過後、再度訪問した場合のセッションは「2」になります。

平均セッション時間

平均セッション時間とは、ユーザーがサイトを離脱するまでの、滞在時間のことです。セッション時間が長いほど、ユーザーはそのサイトに長く留まっていたことになります。

ページビュー数（PV数）

ページビュー数とは、ユーザーがサイト内で閲覧したページ数のことを言います。ユーザーAがサイトを訪問して3ページ閲覧した場合、ユニークユーザー数は「１」、ページビュー数は「3」になります。

ページ/セッション

ページ/セッションとは、1セッションで閲覧されたページ数の平均のことを言います。ページ/セッション数が多いほど、1回の訪問で閲覧されているページが多いことを示します。

離脱率



離脱率とは、該当ページからユーザーが離脱し、サイトの閲覧を終えた割合のことを言います。1ページだけを閲覧してそのままサイトから離れた場合は、直帰と呼びます。

ちなみに「直帰率が高いページが悪い」とは一概に言えず、ページの性質によって判断する必要があります。

• サンクスページ
• 他のサイトへの誘導ページ
• 申し込み完了ページ

例えば上の3つのようなページの場合、ユーザーが目的を達成していることが多いため、離脱をしていても問題ないと言えます。

直帰率



直帰率とは、ユーザーが1ページだけを閲覧し、そのままサイトから離脱した割合のことを言います。複数ページを訪れている場合は、直帰とは言いません。

コンバージョン

コンバージョンとは、サイトの目標を達成したユーザー数のことを言います。なにをコンバージョンとするかはサイトの性質によって異なりますので、Googleアナリティクスでコンバージョンを計測する際は、予め目標設定をしておく必要があります。

コンバージョンの例

• 商品購入完了
• 会員登録完了
• 資料請求完了
• 問合せ完了
• 予約完了

検索クエリ

検索クエリとは、ユーザーがGoogleやYahoo!といった検索エンジンの検索窓に入力した語句のことで、検索ワードを言い換えることができます。

トラフィック

トラフィックとは、サイトを訪問したユーザーがどこからアクセスしたかを示すものです。サイトへの流入経由は、自然検索（オーガニックサーチ）、ダイレクト、ペイドサーチ、参照元などがあります。

オーガニックサーチ

オーガニックサーチは、ユーザーのサイトへの流入経路を示すトラフィックの一つで、自然検索とも呼ばれます。ブラウザの検索窓からアクセスしたものを指します。

ダイレクト

ダイレクトは、ユーザーのサイトへの流入経路を示すトラフィックの一つです。URLの直接入力やブックマーク、LINE 、QRコードなどからのアクセスを指します。

ペイドサーチ

ペイドサーチとは、ユーザーのサイトへの流入経路を示すトラフィックの一つです。リスティング広告などからのアクセスを指します。

参照元

参照元とは、ユーザーのサイトへの流入経路を示すトラフィックの一つです。別のサイトの被リンクなどを通じて、アクセスされたものを示します。

ベンチマーク

ベンチマークとは本来、なにかを測定するときの「基準点」になるもののことです。Googleアナリティクスにおいては同規模サイトのセッション数などと、自社サイトを比較することができます。

分析機能の活用方法



Googleアナリティクスの分析機能では、初心者の方が注目すべきの3つの指標があります。

1. ユーザー
2. 集客
3. 行動

「ユーザー」からはユーザーの性別・地域・年齢といった「属性」がわかります。「集客」ではどういった経緯でユーザーがサイトに訪れたのか、「行動」ではユーザーのサイト内における行動フローがわかります。

これだけでもたとえば、

1. ターゲティングが合っているか
2. クリックしてもらえる広告デザイン・キーワードになっているか
3. 質のいいコンテンツになっているか

などを分析することができます。自社のサイトの性質に基づき、的確な分析ができるようにトレーニングしましょう。

ではここからは、Googleアナリティクスにおいてよく使われる用語を元に、分析機能の活用例をご紹介します。

分析機能の活用例

分析	活用例
セッション数は多いが、ユニークユーザー数が少ない。	同じユーザーが繰り返し訪れている可能性がある。固定ファンは多いが、新規ユーザーが少ないの。新規ファン獲得に向けた戦略を練る。
平均セッション時間が短く、直帰率が高い。	必要な情報だけを見て、すぐに離脱している可能性がある。1つの記事だけではなく、別の記事も合わせて見てもらえるように工夫する。
コンバージョンの達成率が低い。	例えばコンバージョンを「資料請求」に設定している場合、入力必須の項目が多く、ユーザーが途中で面倒になってしまっている可能性がある。ユーザー目線のページ作りになるように改善する。

まとめ

この記事ではGoogleアナリティクスの分析機能を使うとなにができるか、基本的な用語、活用例を解説しました。専門用語が多いですが、覚えていくことでビジネスがより楽しいものになるはずです。
分析機能を使いこなし、サイト改善やコンバージョンの達成に役立てましょう！

The post Googleアナリティクスの分析機能は何ができる？活用方法解説 first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/other/50837/ Mon, 01 May 2023 09:13:36 +0000 https://onepoint.softcampus.co.jp/?p=50837 新年の挨拶のビジネス用テンプレート集！例文で書き方ポイントも解説 新年の挨拶は、取引先や社内の相手と良好な関係を築くために重要ですが、マナーを間違えてしまうと失礼にあたります。 そこで本記事では、ビジネスで使える基本的なRead more about 新年の挨拶のビジネス用テンプレート集！例文で書き方ポイントも解説 →ワンポイント詳細へ
The post 新年の挨拶のビジネス用テンプレート集！例文で書き方ポイントも解説 first appeared on SCワンポイント講座.]]> 新年の挨拶のビジネス用テンプレート集！例文で書き方ポイントも解説

新年の挨拶は、取引先や社内の相手と良好な関係を築くために重要ですが、マナーを間違えてしまうと失礼にあたります。

そこで本記事では、ビジネスで使える基本的な新年の挨拶の例文を紹介しながら、書き方の注意点やポイントを解説していきます。後半には、取引先や顧客、上司、同僚に対してと、様々なビジネスのシーンで使える例文の紹介もありますので、ぜひ参考にしてください。

また、無料ですぐに使える新年の挨拶メールのテンプレートをダウンロードでき、編集可能なWordのデータもご用意していますので、作成する際のひな形としてご使用ください。

ビジネスの基本である新年の挨拶

年末年始には多くの企業が休暇をとるため、年始に1年の始まりの挨拶をすることは、ビジネスにおいても重要な位置づけであるといえます。

年始は休暇中の仕事が溜まり忙しい時期でもありますが、新年の挨拶は新しく始まる1年を祝い、前年にお世話になったことに対しての感謝を伝えるものなので、読みやすく気持ちの伝わる文章を書くことが大切です。

新年の挨拶メールの基本の書き方

最近では、虚礼廃止やSDGsの観点から、新年の挨拶を年賀状での挨拶を控える企業が多くなっています。また、新型コロナウイルスの流行もあったことから、メールでの新年の挨拶が一般化しつつあります。

そこで、新年の挨拶メールの基本的な書き方を例として、マナーや注意点についても確認していきましょう。

新年の挨拶メール【基本の例文】

まず、新年の挨拶メールの基本となる例文を紹介します。

件名	件名	新年のご挨拶【〇〇株式会社〇〇部〇〇】
本文	宛名	△△株式会社△△部△△様
	新年の挨拶	謹んで新春のお慶びを申し上げます。
	名乗り	〇〇株式会社の〇〇でございます。
	昨年の感謝	旧年中は大変お世話になり、誠にありがとうございました。
	結び	本年もより一層努力し精進して参りますので、昨年同様、変わらぬご愛顧のほど、よろしくお願い申し上げます。
	署名	署名

上記の例文テンプレートのダウンロードはこちらから。新年の挨拶メール【基本の例文】

上記の例の通り、新年の挨拶メールは基本的に以下の7つの項目で構成されます。

1. 件名
2. 宛名
3. 新年の挨拶
4. 名乗り
5. 昨年の感謝
6. 結び
7. 署名

この中で、特に注意したい①件名、③新年の挨拶、⑤昨年の感謝、⑥結びの4つについて、以下で詳しく説明していきます。

注意したい挨拶メールの書き方4項目

件名

件名には「新年のご挨拶」と自社名や個人名を入れ、要件がすぐ分かるようにします。年始は休暇中の業務がたまって忙しい時期でもあるため、相手のことを考え、配慮する心遣いが大切です。

新年の挨拶

新年を祝う言葉として「賀正(がしょう)」や「迎春(げいしゅん)」がありますが、2文字以下だと相手を敬う気持ちが含まれず、社外の取引先や会社の上司など目上にあたる人に使う言葉としては不適切です。

以下に、新年を祝う挨拶として、目上の人が相手でも失礼なく使うことができる定型文を紹介します。これらは「明けましておめでとうございます」に敬意を込めた表現です。

• 謹んで新春のお慶びを申し上げます。
• 謹んで新春をお祝いを申し上げます。
• 謹んで新春の祝詞を申し上げます。
• 謹んで年頭のご挨拶を申し上げます。
• 謹んで新春のご祝詞を申し上げます。

昨年の感謝

昨年の感謝を伝える際、「去年」という言葉を使いがちですが、「去年」は「去る」を連想させる縁起が良くない言葉であるため、新年の挨拶には不適切な表現です。そのため、「旧年」や「昨年」を選ぶ必要があります。

以下に、昨年の感謝を伝える定型文を紹介します。

• 旧年中(昨年中)は大変お世話になり、誠にありがとうございました。
• 旧年中(昨年中)は格別のご厚誼を預かり、誠にありがとうございました。
• 旧年中(昨年中)は格別のご愛顧を賜り、厚くお礼申し上げます。
• 旧年中(昨年中)は格別のお引き立てを賜り、厚くお礼申し上げます。

「ご厚誼(ごこうぎ)」は「お付き合い」、「ご愛顧(ごあいこ)」は「目をかける」、「お引き立て」は「心配り」という意味があるため、相手との関係性にあった言葉を使いましょう。

結び

結びの言葉では、「ご愛顧(ごあいこ)」や「ご厚誼(ごこうぎ)」を使うと、より丁寧に「今後もお付き合いをお願いします」と伝えることができます。

以下に、結びの言葉の定型文を紹介します。

• 本年も変わらぬご愛顧のほど、よろしくお願い申し上げます。
• 本年もご厚誼のほど、よろしくお願い申し上げます。
• 本年もご指導ご鞭撻のほど、よろしくお願いいたします。
• 本年も何卒よろしくお願いいたします。
• 本年もどうぞよろしくお願いいたします。

新年の挨拶を送るときの5つの注意点

新年の挨拶は、マナー間違いや不適切な言葉遣いがないか注意し、相手に失礼のないよう送ることが大切です。

下記では、新年の挨拶を送るときの主な注意点を5つ紹介します。

新年の挨拶は松の内(1月7日)までに送る

新年の挨拶は、営業開始日から松の内(1月7日)までに送るのがマナーです。

早く挨拶をすることで、相手を大切に思っていることが伝わりやすくなるため、営業開始日から間を置かずに送ることをお勧めします。

尚、もし期間内に新年の挨拶が送れなかった場合は、新年の挨拶をするのではなく寒中見舞いで相手の体調を気遣うメールを送りましょう。その際には、挨拶が遅くなったことを詫びる一言を入れるのがマナーです。

忌み言葉(いみことば)は使わない

忌み言葉(いみことば)とは、不幸を連想させる縁起の良くない言葉のことです。

具体的には、以下のような言葉が該当し、忌み言葉(いみことば)を含む表現は言い換える必要があります。

• 去る
• 落ちる
• 失う
• 絶える
• 滅びる
• 衰える

特に新年の挨拶で気を付けたいのが、「去る」を含む「去年」です。「去年」は忌み言葉(いみことば)にあたるため、「旧年」や「昨年」などの言葉に言い換える必要があります。

一斉送信メールは使用しない

新年の挨拶メールを複数の宛先へ一斉送信するのは失礼にあたるため、個別に送りましょう。

一斉送信すると、受信者がほかの受信者のメールアドレスを入手できてしまい、自信や企業の信用問題にも関わるうえ、そっけない文章になってしまいがちです。

喪中の場合は寒中見舞いを送る

できれば年内に、メールや喪中はがきで喪中であることを事前に伝えておくのが良いですが、相手から年賀状が届いた場合や、どうしても挨拶メールが必要な場合は、寒中見舞いを返すのがマナーです。

寒中見舞いを送る時期は、新年の挨拶とは異なり、松の内を過ぎた1月8日から2月4日までが適切ですが、新年の挨拶と同様、相手を大切に思っていることを伝えるためにも、できるだけ早く送ることをお勧めします。

年賀状には年賀状で返す

新年の挨拶が年賀状で届いた場合は、年賀状で返すのがマナーです。

取引先や上司によっては、年賀状で挨拶をされる方もいますが、メールでの返信は失礼にあたるため、年賀状でお返ししましょう。

年賀状での新年の挨拶は、後半の「メール以外での新年の挨拶の例文」にて紹介していますので、ぜひ参考にしてください。

新年の挨拶メール【相手別の例文】

ここでは、新年の挨拶メールの例文を相手別に紹介していきます。

新年の挨拶メール【取引先・顧客宛ての例文】

以下は、取引先や顧客への新年の挨拶メールの例文です。

上記で紹介した基本構成の「昨年の感謝」と「結び」の間に、相手との具体的なエピソードを加えることで、より相手の心に届きやすい挨拶メールになっています。

件名	件名	新年のご挨拶【〇〇株式会社〇〇部〇〇】
本文	宛名	△△株式会社△△部△△様
	新年の挨拶	謹んで新春のお慶びを申し上げます。
	名乗り	〇〇株式会社の〇〇でございます。
	昨年の感謝	旧年中は格別のご愛顧を賜り、厚くお礼申し上げます。
	エピソード	特に〇〇では△△様に多大なるお力添えをいただき、心より感謝申し上げます。
		本年も貴社のお力になれるよう、社員一同気持ちを新たに取り組んで参りますので、お気付きのことは何なりとご指導いただければ幸いです。
	結び	変わらぬご愛顧のほど、よろしくお願い申し上げます。
	署名	署名

上記の例文テンプレートのダウンロードはこちらから。新年の挨拶メール【取引先・顧客宛ての例文①エピソード追加】

また、年始にいつから業務を開始するのかお知らせしたい場合は、以下の例文のように結びの部分に付け加えると良いでしょう。

件名	件名	新年のご挨拶【〇〇株式会社〇〇部〇〇】
本文	宛名	△△株式会社△△部△△様
	新年の挨拶	謹んで新春のお慶びを申し上げます。
	名乗り	〇〇株式会社の〇〇でございます。
	昨年の感謝	旧年中は格別のご愛顧を賜り、厚くお礼申し上げます。
	結び	本年もより一層努力し精進して参りますので、昨年同様、変わらぬご愛顧のほど、よろしくお願い申し上げます。
		なお、新年は〇月〇日から通常営業いたしております。ご用命がありましたら、私までいつでもご連絡ください。
	署名	署名

上記の例文テンプレートのダウンロードはこちらから。新年の挨拶メール【取引先・顧客宛て②業務開始のお知らせ追加】

新年の挨拶メール【上司宛ての例文】

以下の例文は、社内の上司に送る新年の挨拶メールの例文です。
取引先や顧客への挨拶メールと同様、基本構成の「昨年の感謝」と「結び」の間に具体的なエピソードを加えると、より心のこもった挨拶メールになります。また、エピソードに加えて新年の抱負を伝えても、より好印象な挨拶メールとなるでしょう。

件名	件名	新年のご挨拶
本文	宛名	△△部長
	新年の挨拶	謹んで新春のお慶びを申し上げます。
	名乗り	〇〇部〇〇です。
	昨年の感謝	旧年中は大変お世話になり、誠にありがとうございました。
	エピソード	△△部長にご指導をいただいたおかげで、多くのことを学ばせていただきました。
	抱負	今年はさらなる飛躍の年とすべく、一層努力して参ります。
	結び	変わらぬご指導・ご鞭撻のほど、よろしくお願い申し上げます。
	署名	署名

上記の例文テンプレートのダウンロードはこちらから。新年の挨拶メール【上司宛ての例文】

新年の挨拶メール【同僚宛ての例文】

以下は、基本構成をもとにした、同僚に送る新年の挨拶メールの例文です。

こちらも、基本構成の「昨年の感謝」と「結び」の間に具体的なエピソードを加えると、より好印象な挨拶メールになります。また、同僚に対しては、フランクでやわらかい言葉遣いのほうが、気持ちが伝わりやすいです。

件名	件名	新年のご挨拶
本文	宛名	△△部△△さん
	新年の挨拶	明けましておめでとうございます。
	名乗り	〇〇部〇〇です。
	昨年の感謝	昨年中は大変お世話になりました。
	エピソード	時間も人手もない中で、〇〇の商品発表が無事成功できたのは、△△さんのご協力があってこそだと思っています。今年も新たな商品開発が始まりますが、より一層の成功を目指し、一緒に頑張りましょう。
	結び	本年もどうぞよろしくお願いいたします。
	署名	署名

上記の例文テンプレートのダウンロードはこちらから。新年の挨拶メール【同僚宛ての例文】

新年の挨拶メールへの返信例文

新年の挨拶メールに対しての返信については、基本例文の「名乗り」と「昨年の感謝」の間に「この度は新年のご挨拶いただきありがとうございました。」と、いただいた挨拶のお礼を入れるようにしましょう。

新年の挨拶【メール以外の例文】

ここでは、メール以外で新年の挨拶を書くときに使える例文を紹介します。

年賀状での新年の挨拶例文

謹んで新年のお慶び申し上げます

旧年中は格別のご厚情を賜り深く御礼申し上げます

皆様のご期待に応えるべく本年も精進してまいる所存です

変わらぬご愛顧の程よろしくお願い申し上げます

年賀状で新年の挨拶をする場合には、句読点を付けるのはマナー違反となるので注意しましょう。

句読点は、新年というおめでたいことに区切りや終わりを連想させてしまうことから、縁起が悪いといわれています。ただ、これは昔の慣習の名残であり、現在では横書きの年賀状では句読点を用いることもあります。そのため、書式や送る相手によって臨機応変に対応しましょう。

また、年賀状を送る際に、作る時間やデザインで困っている方は、こちらのサイトが便利です。挨拶ドットコム

手紙での新年の挨拶例文

謹んで新春のお慶び申し上げます。

旧年中は格別のお引き立てを賜り、厚くお礼申し上げます。

特に〇〇では△△様に多大なるお力添えをいただき、心より感謝申し上げます。

本年も貴社のお力になれるよう、サービス向上に向け気持ちを新たに取り組んで参りますので、
お気付きのことは何なりとご指導いただければ幸いです。

変わらぬご愛顧のほど、よろしくお願い申し上げます。

令和▢年 元旦

ホームページ掲載用の新年の挨拶例文

新年のご挨拶

明けましておめでとうございます。

皆様には、健やかに新春を迎えられたことと、お慶び申し上げます。

旧年中は格別のご愛顧を賜り、誠にありがとうございます。

本年も変わらぬお引き立ての程よろしくお願い申し上げます。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　社名：〇〇
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　住所：〇〇
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　電話番号：〇〇

まとめ

ビジネスにおいても重要な意味のある新年の挨拶には、避けるべき表現や送るタイミングなどのマナーがあります。

マナーを守り、取引先や顧客はもちろん、上司や同僚などのお世話になった方に対してしっかりと感謝を伝え、新年を気持ちよくスタートできるようにしましょう。

The post 新年の挨拶のビジネス用テンプレート集！例文で書き方ポイントも解説 first appeared on SCワンポイント講座.]]> https://onepoint.softcampus.co.jp/webmarketing_onepoint/50915/ Mon, 01 May 2023 08:31:10 +0000 https://onepoint.softcampus.co.jp/?p=50915 企業のTwitter運用は今では定番ですが、フォロワーがなかなか増えず、企業アカウントの運用方法がわからないと悩んでいる担当者の方も多いのではないでしょうか？ 今回は成功しているTwitterの企業アカウントと成功事例をRead more about 成功例の運用とは？参考になるTwitterの企業アカウント14選 →ワンポイント詳細へ
The post 成功例の運用とは？参考になるTwitterの企業アカウント14選 first appeared on SCワンポイント講座.]]> 企業のTwitter運用は今では定番ですが、フォロワーがなかなか増えず、企業アカウントの運用方法がわからないと悩んでいる担当者の方も多いのではないでしょうか？

今回は成功しているTwitterの企業アカウントと成功事例をご紹介します。

Twitter企業アカウントがもたらす3つメリット

Twitter企業アカウントはメリットしかないです。大きく３つのメリットをご紹介いたします。

• 商品のPRがリアルタイムで行える
• 企業の認知拡大が見込める
• ユーザーとのコミュニケーションがとれる

商品のPRをする場合、大きなコストがかかるCMや広告を出す方法が一般的でしたが、最近ではテレビを見る割合が減少し、CMを作ったとしても見る人が少ないです。

しかしTwitterはコストがかからず、リアルタイムで発信できます。そしてリアルタイムで情報を入手できるというユーザー側のメリットも大きいので、有益な情報を発信することで必然的にフォロワーが増えていきます。拡散力も高く、バズると急激に認知度が上がることもあります。フォロワーが増えることで企業の認知拡大に繋がります。

Twitter固有の使い方と事例

基本的なTwitterの使い方は『140文字以内の文字でつぶやきを投稿すること』やと『他の人のつぶやきをみること』です。

つぶやきを共有することもできるので、Twitterは企業アカウントとユーザーの距離が近く、コミュニケーションの取りやすさがメリットとしてあげられています。購入した企業の商品についての投稿に反応したり、企業同士がコミュニケーションを取っている場面もよく見かけます。

そしていままで絡むことのなかった企業同士がTwitterをきっかけにコラボするというエピソードが面白いのでご紹介いたします。

Twitter企業アカウント面白エピソードの事例

イエローハットさんがTwitter上でピザハットさんに社名の”ハット”つながりで８月１０日のハットの日になにかやりませんかと呼びかけた。

＠ピザハット公式
ピザハットさん、突然すみません。
社名の“ハット”つながりで
８月１０日の“ハットの日”なにかやりませんか？

— イエローハット (@yellowhat_ltd) August 5, 2019

そこでイエローハットさんがコラボロゴを作成した際にハットつながりでも帽子と小屋で意味が違うことが判明し、Twitter上ではピザハットのロゴマークが帽子じゃなかった驚きの声が多く寄せられた。

@Pizza_Hut_Japan#ピザハット さん
＼ブォォォン（エンジン音）／
ということで、できました！
こんなロゴマーク
どうでしょう？ https://t.co/1750rshQlE pic.twitter.com/wrxLyrp0Sy

— イエローハット (@yellowhat_ltd) August 5, 2019

２０２０年には正式なコラボが実施され、仲間も増え、コラボ４年目にはイエローハット・ピザハット・リンガーハットの３つの企業の社長が集まるハット首脳会談が行われた。Twitterから始まったドラマのような展開がありました。

8月10日は #ハット記念日 ！
今年は念願の
ピザハットさんと正式コラボ

ハット2社の共通点を生かして
できたのは
リバーシブルな
「 #イエローピザハット 」（帽子かつ小屋）！

こちらを4名様にプレゼント！
このアカウントを
フォロー＆RTで応募完了【8/14まで】
詳細コチラ

— イエローハット (@yellowhat_ltd) August 6, 2020

企業アカウントの中で1番フォロワーが多いアカウントです。ツイートはローソンクルーのあきこちゃんがツイートしており、商品紹介からキャンペーン・セール情報などを発信しています。コンビニは商品数も多く、新商品などの発売も多いためリアルタイムでの情報発信に需要があるのでしょう。4月にはからあげくんというローソンの商品の誕生日を祝うツイートが他の企業からも多く、見ているユーザーはイベントのような感覚で楽しめる内容となっています。

2.スターバックスコーヒー

4/6（木）は #満月 です。
満月の夜は電気を消していつもと違うひとときを。
スターバックス（一部の店舗）でも照明を落とし、キャンドルを灯しています
みなさんもご自宅でキャンドルを灯して、ゆったりと過ごしませんか#DelightInTheNight pic.twitter.com/mahqdby9Y3

— スターバックス コーヒー (@Starbucks_J) April 6, 2023

コーヒーといえばスターバックスですが、ツイート内容は商品紹介から今日は満月の日だから夜は電気を落としてキャンドルを灯してるよという内容などスターバックスに行きたくなるような粋な行いをツイートしていたりします。他にもスタバの仕事の話など、商品紹介だけでないからこそ飽きずに楽しみにツイートを見れる工夫がされています。

3.マクドナルド

もももスモモももものすむうぢ！
もももスム、モももものうち！
もももスモモももものうち！
（言えた…）

※#もものスムージー は、黄桃と白桃とネクタリンを使用したおいしいスムージーです
※スモモは入っておりません

McCafé®︎スムージー取扱店舗限定
詳細はこちら→ https://t.co/5IHzLU8AAG pic.twitter.com/CPv47HdOhr

— マクドナルド (@McDonaldsJapan) April 22, 2023

ファーストフード店の王者マクドナルドのTwitter運用は基本商品紹介がメインです。期間限定商品やアニメキャラクターコラボ情報など、他にもCMのような動画があったり商品に因んだ面白ツイートなど見ていると食べたくなるようなツイートとなっています。

4.ファミリーマート

第2弾、本日4/18(火)スタート
　#ファミマで1個買うと1個もらえる
|￣￣￣￣￣￣￣￣￣￣￣￣|
今週の対象商品はTAP
|＿＿＿＿＿＿＿＿＿＿＿＿|
　　 ᕱ ᕱ ||
　 ( ᴖ ‧̫ ᴖ ||
　 /　つ Φ

欲しい商品をリプで教えて
無料引換券はレシートお忘れなく pic.twitter.com/fuW1bj2qVJ

— ファミリーマート (@famima_now) April 17, 2023

宣伝部の日々野優さんがツイートしており、商品紹介がメインとなっていますが、ツイートに載っている写真にこだわりを感じます。またコラ画像を使用した面白ツイートもあり、日々野優さんの人物像が頭の中に浮かぶようなツイートとなっています。中の人がイメージできるというのもユーザーが企業を身近に感じられる運用方法の1つではないでしょうか。

5.ユニクロ

／
Q 何番の #ブルーコーデ が好き？
➔❶~❻をリプライ
＼

これからの季節に取り入れたい
さわやかな #ブルーアイテム をメインにした、おすすめ配色コーデ6⃣選をご紹介

*画像掲載のブルーアイテムはこちらhttps://t.co/rLkq4hxTnL#ユニクロコーデ pic.twitter.com/PkWarXL0M6

— ユニクロ (@UNIQLO_JP) April 18, 2023

ユニクロのアカウントはユニクロの服で構成されたコーデの紹介がとても多いです。雑誌をみている感覚で服の組み合わせなどユーザーにイメージしやすい工夫がされています。販売促進にもつながり、またユーザーとのコミュニケーションをとれるツイートなどもあるので、楽しみながら見れるアカウントとなっています。

6.ハーゲンダッツ

＼ハーゲンダッツレシピ紹介／
「抹茶のパンぺルデュ」

ハーゲンダッツ『バニラ』と『ストロベリー』を使った、可愛らしいフレンチトーストはいかがでしょうか？ pic.twitter.com/V2ooeUH9qT

— ハーゲンダッツ (@Haagen_Dazs_JP) April 10, 2023

高級アイスといえばハーゲンダッツですね。商品紹介をメインにプレゼント企画やおいしい食べ方・レシピ、ユーザーが楽しめるクイズなどのツイートをしています。プレゼント企画には３万人の人が応募していたり人気度がうかがえます。

7.ANA

-:+:--:+:--:+:--:+:-#そらとぶピカチュウプロジェクト と#ANA がコラボ
-:+:--:+:--:+:--:+:-https://t.co/ktPdZDlITs
2023/6/4就航
アジアを中心とした国際線に登場

お楽しみに#Pokémon #PokémonAirAdventures #pikachujet #ポケモン #ピカチュウジェット pic.twitter.com/CTlx6SRWnm

— ANA【公式】 (@ANA_travel_info) March 25, 2023

ANAではSNS活動に力を入れており、LIVE配信情報や飛行機の新デザイン紹介など、各地の紹介を行い、ANAに乗って旅行に行くイメージを持つようなツイートが特徴です。「あんしん、あったか、あかるく元気！」をかかげ他企業とはことなるツイートでユーザーに情報を発信しています。

8.サブウェイ

【初サブウェイ応援！！】

初サブウェイを応援ということで、サブウェイでの注文を分かりやすくまとめてみました

新生活の疲れをサンドイッチパワーで吹き飛ばしましょう！ pic.twitter.com/Llkw4bSex6

— サブウェイ (@subwayjp) April 17, 2023

サブウェイは基本的に商品紹介のツイートがメインですが、ユーザーに好きなトッピングを聞く投票ツイートや商品が自由にトッピングできるのが売りなためおすすめトッピングメニューなど新しい情報を発信しています。

9.湖池屋 コイケヤ

＼君の考えた／
SDGs怪獣大募集 第2弾

アニメ「湖池屋SDGs劇場 #サスとテナ」に登場させたい怪獣を大大大募集

受賞作はアニメ本編で紹介
オリジナルアクリルスタンド＆湖池屋スナックもプレゼント 5/12（金）まで#みんなでつくるサスとテナ

ご応募はこちらからhttps://t.co/CUjc27fxqQ

— 湖池屋 コイケヤ【公式】 (@koikeya_cp) April 10, 2023

湖池屋はSDGs川柳募集や4.18の日キャンペーンなどプレゼント企画情報が多いのが特徴です。見てて楽しい参加して楽しい当たればラッキー！ツイートの内容で企業のイメージも伝わるようなアカウントとなっています。

10.シャープ

社内ハンバーグはおいしかったですが、ボンディのカレーの方がおいしかった

— SHARP シャープ株式会社 (@SHARP_JP) April 17, 2023

シャープは、ユーザーの関連ツイートに反応したり、商品とは関係ない最近話題の話をしたり、電化製品のアドバイスだったり、ユーザーとの距離が近いアカウント運用方法です。プロから電化製品のアドバイスが聞けるのはなかなか機会がないので、Twitterで気軽に知れるのはユーザーからしても嬉しい情報などを発信している。

11.無印良品

『米粉のパンケーキ』でつくる、黒蜜きな粉もちパンケーキ

もちもちとした食感の、和風パンケーキのレシピです。

4ステップで完成するので、休日に家族と一緒につくるおやつとしても。

▼テキストで確認したい場合はこちらhttps://t.co/nPwGT1rdJb pic.twitter.com/WKJLHrEJtl

— 無印良品 (@muji_net) April 19, 2023

服から生活用品・食べ物まで販売している無印良品は幅広い商品紹介で見ている側もわくわくするようなツイートが多いです。例えば米粉のパンケーキの粉の商品紹介では実際にパンケーキを作る動画とレシピをツイートしたり、服は実際に来ているスタッフの写真を掲載したり工夫が感じられるアカウントとなっています

12.ドスパラ

今年のＧＷはなにする？

皆様の #ドスパラで欲しいもの 教えてください！@dospara_web フォロー＆RTで
大人気ゲーミングPCを抽選で1名様にプレゼント

『#ドスパラで欲しいもの』投稿で当選率UP！※お題は期間中3回投稿！【3回目】
4/23迄

Instagramでも応募可能https://t.co/YF0wHZOKAw

— ドスパラ【公式】 (@dospara_web) April 20, 2023

ドスパラはパソコン専門店です。プレゼント企画が多く、パソコンやパソコンのパーツは金額が高くプレゼント企画に当たれば嬉しいユーザーが多いのではないでしょうか？実際に現在行われているプレゼント企画では15000人が応募しています。またドスパラで購入した商品を投稿したら公式にて紹介イベントを行い、ユーザーが購入したものをリツイートしていたり、PC好きが楽しめるアカウントとなっています。

13.ピザハット

#ピザハット 4/14から
＼＼生活応援セール／／
春の新生活を後押し！٩(ˊᗜˋ*)و

3日間限定！衝撃の590円
"ピザハット・マルゲリータ"が
お持ち帰りで超おトク

アプリ注文ならさらに3%OFF

※店舗限定
▼詳しくはこちらhttps://t.co/uxlkRUFz73 pic.twitter.com/Y5XcYEa2v6

— ピザハット (@Pizza_Hut_Japan) April 11, 2023

商品紹介とキャンペーン情報、プレゼント企画などツイートの他にピザハット関連のツイートに反応することが多く、企業とユーザーの距離が近いのが特徴。Twitterがきっかけで他企業とのコラボ８月１０日ハットの日が出来た面白エピソードも有名ですね。

14.株式会社タニタ

タニタ本社にあるコミュニケーション酒場「ICOU」が復活しました。20時までですが、1人2本まで無料でアルコールが飲めます1人飲みはNGで誰かと一緒に飲むのが条件となります pic.twitter.com/21eshwY5JZ

— 株式会社タニタ (@TANITAofficial) April 19, 2023

企業感は一切なく、タニタで働いている人が個人的にツイートしてるようなプライベートの話から社内のコミュニケーション酒場が復活したよの話やちょっと社長のおちゃめな写真を投稿したり、普段使用しているメーカーで働いている人と距離が近く感じるようなアカウントが人気の理由だと考えられます。

成功している企業アカウントからわかる成功事例

14社のTwitter運用を成功した企業アカウントをご紹介しましたが、共通点があります。

• プレゼント企画を行う
• 積極的にコミュニケーションを取る
• 中の人のキャラクターを全面的に出す

上記の3つを意識して運用を行ってみてください

まとめ

Twitterをうまく使うことで企業のファンが増えるチャンスになりますが、炎上問題はイメージダウンに繋がるため細心の注意を払いましょう。

自分の企業にあったアカウント運用方法でフォロワーを獲得していきましょう

nofollowとは？

nofollowとはrobotsタグ（クローラー専用タグ）で使われる属性値の一つです。

2019年のgoogle発表のセントラルブログの内容を抜粋すると、

「クローラーがリンクを分析するときに、どのリンクを考慮または除外すべきかに関するヒントとして扱われる」とされています。

参考：進化する nofollow – リンクの性質を識別する新しい方法
https://developers.google.com/search/blog/2019/09/evolving-nofollow-new-ways-to-identify?hl=ja

nofollowの意味

nofollowの意味は「このリンクを評価対象から外してください」です。

nofollowをつけることで、「このリンクは、サイトの内容とは関連性が低いですがスパム目的で貼ってはいませんよ。」ということをgoogleクローラーに伝えているのです。

2020年3月からは、サイトの内容と関連性が低い（のにリンクを貼っているその）理由によって、ugcやsponsoredとも使い分けられるようになりました。

サイト内容と関連性の低いリンク（または評価を下げる要因となるリンクなど）によって検索表示の順位を落としたくない時に使えます。

nofollowリンクと通常リンクとの違い

nofollowリンクと通常リンクとの違いは、そのリンクを検索エンジンがクロールし、サイトと関連付けるか否かの違いです。

nofollowを使う場面４パターン

googleクローラーは、リンクを「検索結果のランキングを作るための重要な要素」としています。

しかし、仕組みを悪用（＝リンクスパム）するサイトもあり、リンクスパム行為はgoogleポリシーへの違反行為となります。

通常のサイト運営に必要な範囲であれば、”nofollow”等の属性を設定している限りgoogleポリシーに対する違反にはなりません。

参考：Google ウェブ検索のスパムに関するポリシー
https://developers.google.com/search/docs/essentials/spam-policies?hl=ja#link-spam

“nofollow”属性を設定すべきリンクの種類を４パターンにわけてご紹介します。

nofollowの設定場所２パターン

nofollowの設定は、HTMLファイルのタグ内に[“nofollow”]を記述することで指定できます。
指定方法は２つあります。

• リンクごとに個別で設定する方法
• ページ全体をまとめて設定する方法

nofollowの効果的な設定方法

2020年3月より、nofollowだけではなく他2つの属性を場面ごとに使い分けることが推奨されています。（以前はどの場面でも[nofollow]でした。）

その新しい２つのリンク属性が、[ugc]と[sponsored]です。

参考：Google に外部リンクの関係性を伝える
https://developers.google.com/search/docs/crawling-indexing/qualify-outbound-links?hl=ja

ちなみに複数設定することもできます。

複数設定する場合には、以下のどちらの方法でも設定できます。

• スペース「　」で区切る。
  （例）<a href=”http://www.sumple.net/” rel=”ugc nofollow”>サンプルサイト</a>
• カンマ「,」で区切る。
  （例）<meta name=”robots” content=”noindex,nofollow”>

SEOの効果

nofollow導入当時は、検索アルゴリズムで使用するシグナルとはみなしていなかったnofollow。

2020年3月からは、どのリンクを考慮または除外すべきかに関するヒントとして扱われるようになりました。

参考：進化する nofollow – リンクの性質を識別する新しい方法
https://developers.google.com/search/blog/2019/09/evolving-nofollow-new-ways-to-identify?hl=ja

つまり、nofollow属性のリンク先は全く無視されるわけではなく、推奨されていないリンクとしてクローラーに伝わることとなります。

nofollowを設定することで検索結果が上位になるような効果はありませんが、やはり意図しないgoogleポリシー違反等を防ぐために適切な使用が必要です。

また今後のgoogleの発表により、扱いが変更される可能性もあるため注意が必要です。

まとめ

• nofollow属性とは、クローラーにたどってほしくないリンク先に設定する属性値です。
• nofollow属性は、aタグ内にリンク先のURLと一緒に記述するか、metaタグを使って全体に設定します。
• 2020年からは、リンク先との関係に応じて、”nofollow”,”sponsored”,”ugc”を使い分けるようになりました。
• nofollowを設定することで検索結果が上位になるようなSEOの効果はありません。

nofollow属性を適切に使い分けていきましょう。