単に文字数が少ないだけで、Googleから低品質コンテンツと評価されることはありません。
写真サイトや辞書サイトを想像してみましょう。写真がメインで文字だけでは意味が分からないサイトも、単語の意味が数行で書かれているだけの辞書サイトも、決して質が低いサイトではありません。
大切なのは読者にとって価値があるか否かです。文字数が多いか否かではありません。
関連記事：【SEO】文字数は検索順位と関係ない
カテゴリー: ウェブ開発
プログラミングやWordPressなど、ウェブ開発に関する情報を発信するカテゴリーです。
ブログやウェブサイトにコメント欄を掲載すべきでない10の理由
ブログやアフィリエイトサイトにはコメント欄をつけるべきではありません。
ブログ、ウェブサイトにコメント欄は不要
基本的にアフィリエイトの有無や重要性に限らず、ブログやウェブサイトにはコメント欄は不要です。
その理由を解説します。
1.情報サイトにコメントはつかない
根本的な話になりますが、コメント欄を付けた所でコメントが来ません。ですので、コメント欄は使う機会がないものです。
個人ブログならまだしも、アフィリエイトサイトのような情報サイトにはほとんどコメントがつきません。
個性を出したブログを運営していればコメントが多少はつくでしょうが、それでも現在はSNSの方が盛り上がるでしょう。
コメントが全くないということもないでしょうが、「コメント機能という1つのシステムを設置しておくほどか?」と考えると微妙なところです。
これはブログのテーマや読者層にもよりますが、基本的に企業が運営するような超大手のブログメディアやTwitter等で炎上しているブロガーさんでさえブログのコメントはあまり付かないものなんですよね。
特にHow Toやライフハック系の記事だと意見も何も無いので特にコメントがつきにくいです。
コメントのようなコミュニケーションを図りたい場合はSNSを活用した方がいいでしょう。
2.サイトのデザインをシンプルに
現在、ブログやウェブサイトをスマートフォンやタブレットなどスペックが低く、小さい画面で見る方が増えています。
そのためウェブサイトやブログのデザインは軽くし、表示スピードを上げることが求められます。
また、アフィリエイトサイトの場合は無駄な要素を無くし、デザインをシンプルにし、広告を適切に目立たせる工夫も必要です。
訪問者を広告に誘導することが大事だからです。
僅かな良コメントが来ることを期待するよりは、デザインをシンプルにし、広告を目立たせるため潔くコメント欄は削ってしまいましょう。
あまり使わない機能をブログに設置しておくメリットはありません。
思い切って無駄を削り、デザインは極力シンプルにしましょう。
私もコメント欄が本来ある記事下には広告と関連記事を掲載しています。
3.ページの表示スピードを遅くする
先ほども言及した通り、現在はスマートフォンでブログにアクセスする方が非常に多いです。そうした方のためにもブログの要素を減らし、少しでも読み込みスピードを早くすることが重要です。
コメント欄を無くせばデザインはスッキリしますし、ブログの読み込みスピードの軽量化が期待できます。
減らせる要素は減らしましょう。
4.掲示板化を防ぐ
たまにブログメディアでコメントがいっぱい付いているブログを見かけますがコメントというより掲示板として使われているケースがあります。
もしそうなってしまった場合、自分は掲示板の管理人としてブログを管理しなければならなくなります。
某大手掲示板の事例を見てると分かりますが、掲示板(コメント)への書き込みは投稿者だけでなく、管理人も責任を負います。
「管理人なのに殺害予告の書き込みを放置した」とかそんな感じですね。
コメントを掲載していたというだけで、犯罪に巻き込まれたら面倒ですよね。
もっとも、超大手ブログでもない限り警察のお世話になるほどの影響力は持たないでしょうが…
コメント欄が掲示板として使われる場合、上手くいけば、むしろ掲示板として盛り上がり、記事のSEO的な価値が上がる可能性もありますが、スパムや低レベルなコメントがつく可能性の方が高いと思います…
専門的なブログなら有意義なディスカッション(議論)が行われる可能性もあると思いますけどね…
5.初心者の使用が面倒
私がブログにコメント欄を付けていた時、コメントをしてくださる方はインターネット初心者の方(と思われる方)が多かったです。
やはりインターネットに慣れている方は感想等はTwitterでつぶやきますし、分からないことがあれば自分で調べますからね。
少々失礼な言い方ですが、初心者の方は意味不明な質問や勘違いした質問をしてくる事が多いです。
例えば、ブログを公式サイトと間違えて公式へのメッセージをコメントする方など。
コメントされてもこちらは公式サイト(運営)ではないので対応のしようがありません。
質問されてもメール等で確実にみてもらえるとは限らないですしね。
とは言えコメント欄で会話しているとコメントの掲示板化に繋がってしまいます。
6.通りすがりの増加
ネットでは自らを「通りすがり」等と称し、名前を名乗れないユーザーがいっぱいいます。
この”名乗れないユーザー”がすることは非常に面倒です。
わざと返信ができないメールアドレスを入力し、記事への不満や悪口(かどうかもわからないほど稚拙な文章)を残していきます。
著名なブロガーやYouTuberでもこのような意味不明な悪口(にすらなっていない低レベルな文章)には辟易としています。
慣れるものではありません。
特にアフィリエイトサイトの場合は定番の「アフィカス」という悪口が飛んで来やすいですからね。
有る事無い事面倒なクレームや誹謗中傷を送ってくる失礼な人相手に門戸を開いておく必要はありません。
7.セキュリティ、スパム対策
コメント欄はブログと通信するための窓口になるのでスパムやウイルスの標的となりやすいです。
特にブログツールとして有名なWordPressは著名な分ウイルスの標的になりやすいですし、無料ブログにはスパムがたくさんきます(フィルターも精度が上がっているので良くなってはいますが…)。
WordPressにはAkismetなどスパム対策やセキュリティ対策のプラグインや機能も色々あるのですが、最初からコメント欄がなければその必要もありません。
ただ放置しているだけでも危険なので特に使わないならブログのセキュリティを上げるためにもコメント欄は閉じてしまいましょう。
8.アフィリエイトの規約違反をしないように
アフィリエイトやGoogle AdSenseにはコンテンツに関する様々な規約があります。
コメントもブログやウェブサイトの一部ですから、コメントの内容がGoogle AdSenseやアフィリエイトの規約に違反していたという場合は当然自分のAdSenseやアフィリエイトが停止されます。
自分が規約をしっかり守ってサイトを運営していても、コメント欄に規約を違反してしまうコメントがあった場合、当然自分が規約違反になってしまいます。
例えば、Google AdSenseはアダルトな内容を禁止しています。
Google AdSenseを使っているサイトでもし下ネタなどアダルトな内容のコメントがされてしまったらGoogle AdSenseの規約に違反し、アカウントが停止されてしまうかもしれません。
ブログや世間一般の常識的には問題ないコメントでもアフィリエイトやアドネットワークなどの規約に合わせて削除しなければいけないということですね。
アフィリエイトで稼ぐために直接売り上げに関わらないコメント欄を管理し続けるのは無駄な労力です。
自分の労力を減らすためにもコメント欄はなくしましょう。
9.コメントの責任は管理人の責任
先ほども少し言及しましたが、他者が投稿したコメントの責任は管理人の責任です。
また、そのコメントが犯罪に関与してたとなれば事情聴取などを受ける可能性がありますし、最悪そのコメントを放置していた罪に問われる可能性もゼロではありません。
コメント放置の罪に問われるかはそのコメントの内容次第です。
私は法律の専門家ではないので詳しいことは言えませんが、そういう事例も少なからずあるので、気をつけた方がいいでしょう。
10.コメント欄で討論は出来ない
オピニオン(意見)系のブログを書いていると、ブログのコメントに反論がくる場合があります。
しかし、ブログのコメント欄でディスカッション(討論)はできません。
思い思いユーザーが低レベルなコメントを残していくだけです。
反論の機会があればそれでもいいでしょう。
ですがコメント欄では「言い逃げ」される可能性も高いです。まだSNSの方がマシです。
結論：SNSでいいんじゃない?
コメント欄は必要ないんじゃないでしょうか?
今もしコメント欄のようなものが欲しいならSNSで代用した方が良いと思います。Twitterなら気軽に使えますし、Facebookコメントならばブログに実装するのも簡単です。
そもそも、必要とあれば、WordPressの場合数行のコードですぐにコメント欄を復活できますし、無料ブログならば設定から簡単にオンにできるでしょう。
特にコメントも来ない方はサクッとコメント欄を閉鎖しておくことをお勧めします。
アフィリエイトサイトでも、基本は同じです。
アフィリエイトブログで効率よく稼ぐためには自分の労力を減らすことが重要です。
多くの場合、アフィリエイトで最もかかる経費は「自分の時間」でしょうから…少しでも効率的に少ない労力で稼げるように、ブログのコメント欄は閉じてしまいましょう。
アフィリエイトサイトではSNSを運用しないことも多いですが、コメントのようなやり取りをしたい場合はSNSを活用しましょう。
ただし、口コミが重要なサイトなどではコメントを逆に募集してみてもいいかもしれません。
多言語サイトの言語選択メニューに国旗アイコンの使用を避けるべき2つの理由
多言語サイトの設計において、言語選択メニューは重要な要素です。
ウェブサイトの中には、言語選択メニューに国旗アイコンを使用している例がありますが、言語選択メニューに国旗のアイコンを使うことは避けるべきです。
この記事では、なぜ言語選択メニューに国旗アイコンの使用を避けるべきなのか解説します。
1.国家と言語は別物である
国旗アイコンは、国家を象徴するものであり、言語を示すものではありません。
日本語が主要な言語として利用されているのは日本だけなので、一見問題が無いように感じるかもしれません。
しかし、言語と国家は必ずしも一致するとは限りません。
国旗はあくまで国を表すもの。言語を示すものではありません。
国家と言語の関係は様々
日本では日本語が使用されています。また、日本語が（メインの言語として）使用されているのも日本だけです。
その為、日本語のメニューに日本の国旗を使っても違和感はありません。
しかし、全ての国が日本のように、1つの国家=1つの言語という訳ではありません。
例えば、ニュージーランドでは英語とマオリ語が、カナダでは英語とフランス語が公用語に定められています。
逆に、英語を第一言語とする国はイギリス、アメリカ、カナダ、オーストラリアなど、様々な国があります。
複数の国家が同じ言語を使用していたり、複数の言語を使用している国家が世界には沢山あるのです。
そのため、言語選択メニューに国旗アイコンを使用すると、誤解や混乱を招く可能性があります。
多様な国家や文化への配慮
言語を国旗で示さない事は、国や文化に対する配慮という面でも重要です。
もし、「日本語を学んでくれる方が多いから」「漢字のルーツだから」と言って、日本語を示すアイコンが中国の国旗だったらどうでしょうか？
また、「日本語を理解できる方が多いから」とハワイ（アメリカ）の国旗を日本語のアイコンにしていたら？
嫌な思いをする方も多いでしょうし、そうでなくても混乱するでしょう。
なので、人権や多様性の観点から見ても、国家（国旗）と言語は安易に結びつけるべきではありません。
2.ユーザビリティとアクセシビリティ
国旗には様々なデザインがあります。
アイコンとして設置した際に、自分のウェブサイトのデザインと馴染まない可能性があります。
例えば、白と黒のシンプルな配色でウェブサイトを作成しても、国旗を掲載してしまうと、カラフルになってしまいます。
しかし、デザインを重視して、国旗を白黒にする事は出来ません。そんな事をしたら、色が違うだけで同じデザインの国旗同士が区別できなくなってしまいます。
（画像：国旗が好きだ。国旗の話をしよう）
また、電子ペーパー（白黒の画面）で表示した場合や、ダークモードにおけるデザイン、障害者に配慮したアクセシビリティ対応（例えば色を反転させる等）など、ウェブサイトの色が変化する機会は、作り手側・読み手側の双方にあります。
様々な環境でウェブサイトが閲覧される事を考慮すると、様々な色や形が使われている国旗をアイコンにするのは、それらの対応を煩雑にしてしまい、ウェブサイト制作のコストや負担が増す可能性があります。
まとめ
多言語サイトを作成する場合は、言語選択メニューに国旗アイコンを使わないようにしましょう。
国旗アイコンを言語選択メニューに取り込むことは、様々な問題があります。
多言語サイトで言語選択メニューを作る場合は、言語の名前（例：「日本語」や「English」）をそのままテキストで表示すると良いでしょう異。
テキストであれば、どのようなデザインにも容易に対応できるためオススメです。
参考
コンテンツファームとは？意味を解説
コンテンツファーム（Content farm）とは、Google等の検索エンジンの検索結果で上位に表示される事を目的に、さまざまなトピックに関する内容が浅い記事や低品質の記事を大量に作成・掲載しているウェブサイトおよびその運営企業のことです。
Weblio辞書ではこのように解説されています。
コンテンツファームとは、検索エンジンからの訪問者を増やして広告収益を得るために、必ずしも品質の高くないコンテンツを大量に作成・配信する企業やサービスのことである。
コンテンツファームでは、一般的に、主にフリーランスのライターを多数雇用したり、機械的に文章を生成したりといった方法でコンテンツを作成するとされる。他の情報源からの単なる複製や、多少手直ししただけで内容は同一のコンテンツ、あるいは、当り前の事ばかり連ねてあり有益な情報を持たない、といった品質の低いコンテンツを、量を重視して大量に生成・配信する。
日本では2016年に起ったDeNAの「WELQ騒動」や2020年に終了した「NAVER まとめ」等がコンテンツファームといえるでしょう。
また、永江一石氏のWELQに対する評は、コンテンツファームの定義をそのまま示していると思います。
ユーザーに役立つという視点ではなく、検索されやすいキーワードを徹底して調べ上げて、とにかくライター（じゃなくてパクリ屋）にそれについての記事を書かせる。内容の真偽は全くチェックも精査もしない。
最初は高品質でも、経年でコンテンツファーム化する事も…
元祖生活情報メディアであるアメリカの「About.com」は、専門家が記事を執筆していましたが、経年によって記事の情報が古くなり、コンテンツファームと化していました。
そこで、About.comは名前をDotdashと変え、サイトをテーマごとに分割、さらに情報が古くなった記事の削除や加筆修正を行い、ユーザーにも検索エンジンにも評価される高品質なメディアの集合体へと生まれ変わりました。
About.com改めDotdashの事例は、真面目に記事を書き、情報サイトを作っていても、うまく運用できなければサイトがコンテンツファームと化してしまう（コンテンツファームと思われてしまう）著名な例です。
Googleは10年以上前に対策済み
Googleは2011年1月にコンテンツファーム対策のアップデート（アルゴリズムの改良）を行っています。
まとめ
「コンテンツファーム」に具体的な定義はありませんが、「SEO目的で大量に低品質な記事を作っているメディア」は基本的に全てコンテンツファームといっていいでしょう。
現在でも2chまとめ（5chまとめ）など、コンテンツファームといえるメディアは多くあるように感じます。
また、昨今はAIを活用して低品質な記事を大量に生成するメディアも登場しているようです。
広告収入目的の「MFA」と呼ばれる低品質なWebサイトで、生成AIの導入が進んでいることが分かった。中には1日1200本以上の記事を生成しているサイトもあり、自動化が急速に進んでいる様子が伺える。
コンテンツファームによる問題は、今後も発生しそうですね…
WordPressで画像の読み込みを高速化する方法
WordPressで使用する画像の表示スピードを高速化する方法を解説します。
サイズの小さい画像を使う
大きなサイズの画像は（えてして）画像のデータサイズも大きく、ページの表示スピードを遅くします。
文字が書かれている画像など、画質が重要な画像ならばともかく、サムネイルなど、さほど画質が重要でない画像はサイズを小さくしましょう。
パソコンによっては4Kの画像なども表示できますが、ウェブサイトに4K（3840×2160px）やフルHD（1920×1080px）の画像は大きすぎるのではないかと思います。
ではどのサイズが最適かというと、一概には言えませんが、自分が納得できる範囲でできる限り小さいサイズの画像を使いましょう。
デジカメやスマートフォンで撮った画像をそのまま使うと、非常に大きなサイズになってしまうので気をつけてください。
画像は圧縮して使う
画像はそのままアップロードするのではなく、事前に圧縮してからアップロードしましょう。
筆者は「Ccompressor.io」というウェブ上で使えるツールを利用しています。
また、WordPressにはアップロードされた画像を自動で圧縮してくれるプラグインもあります。筆者は「EWWW Image Optimizer」を使用しています。
画像の遅延読み込み（Lazy-loading）
WordPressに「画像の遅延読み込み（Lazy-loading）」を設定しましょう。
画像の遅延読み込みを設定することで、サイトやブログを読み込む際、サイトの下部などページをスクロールしなければ表示できない画像の読み込みを遅らせる（後回しにする）ことで、サイトの高速化が期待できます。
画像の遅延読み込み機能はWordPress 5.5から標準で搭載されています。
WordPress 5.5から、画像の遅延読み込みが標準機能になりました。プラグインを使わなくても遅延読み込みさせることができます。
なので、最新のWordPressを使っている方は何もしなくてもOKです。
画像をCDNで配信する
画像をCDNを使って配信しましょう。
ブログの画像などを専用のサーバーにキャッシュし、WordPressを設置しているサーバーの負荷を減らすことで高速化が期待できます。
画像をCDN経由にすると、ブログによっては大幅な高速化が期待できます。
オススメのCDN
CDNサービスは「Clodflare」やWordPressのプラグインである「Jetpack」が有名です。どちらも無料で使用できます。
筆者はJetpackの画像CDNを使っています。管理画面から有効化するだけで難しい設定が不要で利用できるのでオススメです。
高速化の効果もかなりありました。
まとめ
画像はデータ量が特に重いので、画像のサイズを小さくしたり、圧縮したりすることは、WordPressの高速化にとても効果的です。
初心者の方でも取り組みやすいことが多いので、ぜひ試してみてください。
マークダウンとは？書き方の一覧（チートシート）
マークダウン（Markdown）はテキストをHTMLに変換するための記法です。
「マークダウン記法」と呼ぶこともあります。
マークダウンの例
マークダウンはブログなどの文章をHTMLで書きたいときに知っていると便利です。
例えば、以下のような文章を書くとします。
<h1>こんにちは</h1> <p>元気ですか？</p> <ul> <li>りんご</li> <li>みかん</li> <li>ぶどう</li> </ul>
これを全て入力するのは面倒です。
しかし、マークダウンなら以下のように入力するだけで同じ意味になります（正確には対応しているサービスを使うことで、上記のHTMLに変換されます）。
#こんにちは 元気ですか？ - りんご - みかん - ぶどう
マークダウンに対応しているサービスを使えばHTMLの文書も非常にカンタンに書くことができるので便利です。
マークダウンが使えるサービス
マークダウンは有名なサービスだとWordPressやTumblr、Qiita、GitHubなどで使用することができます。
ただし、これらの中には完全に対応していないサービスもあります（WordPressなど）。
マークダウンの基本情報
マークダウンで作ったファイルの拡張子は「.md」「.markdown」です。
公式サイトは「Daring Fireball: Markdown」になります。（英語）
また、以下のページで実際にマークダウンをHTMLに変換し、プレビューすることができます。
Daring Fireball: Markdown Web Dingus
（マークダウンを入力したら「Convert」をクリック）
マークダウンの書き方のまとめ（チートシート）です。
段落を表す方法（pタグ）
マークダウンで段落を表す場合は、空行を入れます。
以下のように1行空ければOKです。
こんにちは。こんにちは。こんにちは。こんにちは。 さようなら。さようなら。さようなら。さようなら。
HTMLに変換すると以下のようになります。
<p>こんにちは。こんにちは。こんにちは。こんにちは。</p> <p>さようなら。さようなら。さようなら。さようなら。</p>
それぞれの行がpタグで囲まれていて、段落が変わったことがわかると思います。
改行する方法（brタグ）
マークダウンではどれだけ改行しても、最終的な結果（HTMLに変換した結果）では無視されます。
改行したい場合は、行末に半角スペースを2つ挿入しましょう。
こんにちは こんにちは
わかりづらいですが、最初の「こんにちは」の後ろに半角のスペースが2つ入っています。これをHTMLに変換すると以下のようになります。
<p>こんにちは <br /> こんにちは</p>
改行を表すbrタグ<br />が挿入されているのがわかると思います。
また、2行に渡っていますが、1組のpタグで囲まれており、1つの段落であることがわかるかと思います。
強調（斜体・emタグ）
文字を斜体(イタリック)にするには斜体にしたい文字をアスタリスク「*」かアンダースコア「_」で挟めばOKです。
*斜体* _斜体_
これをHTMLに変換すると以下の様になります。
<em>斜体</em>
文字を斜体にするemタグ<em>に変わったのがわかると思います。
強い強調（太字・strongタグ）
文字を強い強調(太字)にする方法もあります。
太字にしたい文字を2つのアスタリスク「*」かアンダースコア「_」で挟めばOKです。ちなみに<b>タグではなく<strong>になります。
**強調** __強調__
こちらをHTMLに変換すると以下の様になります。
<strong>強調</strong>
strongタグ<strong>で囲まれているのがわかりますね。
引用（blockquotタグ）
引用を表すためには、文の先頭に半角で「>」を入れればOKです。空行を入れなければ、複数行でも問題ありません。
>こんにちは。こんにちは。こんにちは。こんにちは。
マークダウンをHTMLに変換すると、以下のようになります。
<blockquote> <p>こんにちは。こんにちは。こんにちは。こんにちは。</p> </blockquote>
空行を入れたい場合は、全ての行に「>」をつければOKです。
>テキストテキストテキストテキストテキスト >テキストテキストテキストテキスト
<blockquote> <p>テキストテキストテキストテキストテキスト</p> <p>テキストテキストテキストテキスト</p> </blockquote>
二重引用
「>」の記号を複数つけることで何重にも引用をすることができます(引用した文章内に引用文がある状態)。
>テキストテキストテキストテキスト >>テキストテキストテキストテキスト >>>テキストテキストテキストテキスト >>>>テキストテキストテキストテキスト
<blockquote> <p>テキストテキストテキストテキスト</p> <blockquote> <p>テキストテキストテキストテキスト</p> <blockquote> <p>テキストテキストテキストテキスト</p> <blockquote> <p>テキストテキストテキストテキスト</p> </blockquote> </blockquote> </blockquote> </blockquote>
順序なしのリスト（ulタグ）
マークダウンで順序なしのリストを書くにはハイフン「-」、「+」プラス、「*」アスタリスクを使います。
これらの記号を使って箇条書きに書くと、リストタグに変換されます。
- ハイフン - ハイフン - ハイフン + プラス + プラス + プラス * アスタリスク * アスタリスク * アスタリスク
このように書きます。記号の後に半角スペースを必ず入れてください。
このように書いたマークダウンをHTMLに変換すると以下のようになります。
<ul> <li>ハイフン</li> <li>ハイフン</li> <li>ハイフン</li> </ul> <ul> <li>プラス</li> <li>プラス</li> <li>プラス</li> </ul> <ul> <li>アスタリスク</li> <li>アスタリスク</li> <li>アスタリスク</li> </ul>
リストの中に文章を入れる
また、リストの中に文章を入れることもできます。
文章の前後に空行を入れ、行頭に半角スペースを1つ入れればOKです。
- りんご - みかん フルーツです。 - ぶどう
わかりにくいですが「フルーツです。」の行頭には半角スペースが1つ入っています。
これでリスト内の項目として字下げされたHTMLに変換できます。
<ul> <li>りんご</li> <li><p>みかん</p> <p>フルーツです。</p></li> <li><p>ぶどう</p></li> </ul>
リストの中にリストを作る（入れ子）
リスト内にリストを作る(入れ子)こともできます。
半角スペースを1ついれて、字下げすればOKです。
- りんご - 青リンゴ - ブレイバーン - みかん - ぶどう
この様にマークダウンを書くと、「青リンゴ」と「ブレイバーン」が「りんご」内に入ったリストになります。
<ul> <li>りんご <ul><li>青リンゴ</li> <li>ブレイバーン</li></ul></li> <li>みかん</li> <li>ぶどう</li> </ul>
ちょっとわかりづらいかもしれませんが、以下の様になるということです。
- りんご
- 青リンゴ
- ブレイバーン
- みかん
- ぶどう
ちなみに、階層構造は番号なしリストの中に番号付きリストを作ることもできます。
順序ありのリスト（番号付きリスト、olタグ）
マークダウンでは順序ありのリスト(行頭に数字が付いた箇条書き)も書くには、リストの最初に半角数字とピリオドを書けばOKです。
1. 番号 2. 番号 3. 番号
ピリオドの後には半角スペースを必ず入れてください。
これをHTMLに変換すると、以下のようになります。
<ol> <li>番号</li> <li>番号</li> <li>番号</li> </ol>
なお、数字は以下のように全て同じ数字を使たり、順番がめちゃくちゃでもOKです。
1. 番号 1. 番号 1. 番号 5. 番号
これでも問題なくHTMLに変換できます。
全て同じ数字でリストを作ると、リストに後から項目を足したり、順番を変える際にも番号を振り直さずに済むのでオススメです。
また、こちらも順序なしのリストと同様の方法で、リスト内に文章を入れたり、階層構造（入れ子）にすることができます。
コード（codeタグ）
プログラミング等のコードをシンタックスハイライトでインライン(文中)に記すには、コードをバッククオート(`)で囲めばOKです。
HTMLの例です。`<h1>Hello World</h1>`こんな感じ。
<p>HTMLの例です。<code><h1>Hello World</h1></code>こんな感じ。</p>
また、複数行にわたるコードをシンタックスハイライト(codeタグで囲む)には、タブもしくは4つ以上の空白(半角スペース)を行頭におくか、3つのバッククオートで囲めばOKです。
function x() {
return x;
}
```
function x() {
return x;
}
```
これらをHTMLに変換すると、codeタグがpreタグで囲まれ、複数行のコードをシンタックスハイライトすることができます。
<pre><code>function x() {
return x;
}
</code></pre>
画像（imgタグ）
画像を表示するには以下のように書きます。
 
角括弧([])の中に書いたテキストがalt属性、ダブルクォーテーションで囲ったテキストの中身がtitle属性になります。
<p><img src="https://example.com/image.jpg" alt="image" title="" /></p> <p><img src="https://example.com/image.jpg" alt="image" title="画像です。" /></p>
画像をリンクにする
画像を表示するマークアップをリンクを表示するマークアップと組み合わせれば、画像をリンクにすることができます。
[](https://example.com)
<p><a href="https://example.com"><img src="https://example.com/image.jpg" alt="image" title="画像です。" /></a></p>
水平線・区切り線（hrタグ）
1行の中に、3つ以上のアスタリスク（*）、ハイフン（-）、アンダースコア（_）だけを並べると水平線になります。
*** --- ___ - - -
これらは全て<hr>/に変換されます。
<hr />
なお、ハイフン、アスタリスク、アンダースコアを並べる際は、間にスペースが入っていても構いません（表示は同じです）。
また、ハイフンで水平線を表す時は、その前のパラグラフ（段落）との間に空行を入れないと<h2>の見出しになってしまう場合があるので注意しましょう。
マークダウンの方言
マークダウンは使用するサービスやエディタによってローカルルール（方言）があるため、ここで記載した通りに動かない場合もあります。
この記事の通りに記述してもうまく表示されない場合は、サービスのローカルルールを確認してみてください。
パーマリンクとは？意味やSEOへの影響を解説
パーマリンクとはパーマネントリンク（Permanent Link）の略で、ウェブサイトやブログの各記事やページ毎に設定したURLのことです。
パーマリンクとは、ウェブサイトの各ページに対して個別に与えられているURLのことです。つまりURL自身のことになります。パーマネントリンク（Permanent Link）の略で、ページが増えても恒久的に変わることのないリンクであることから、固定リンクとも呼ばれます。
パーマリンクの「パーマ」は「パーマネント」の略で「長持ち、半永久的」という意味です。髪の毛のパーマと同じですね。
意味どおり、URLが半永久的に変わらないため、パーマリンクと言います。
このパーマリンクを自分で設定できるものだと、URLを見ただけで記事の内容が分かる上、ブログサービスなどを引っ越しても記事のURLが変わらないのでとても便利です。
noteやライブドアブログなど、無料ブログの場合はパーマリンクを自由に設定できませんが、WordPressなどCMSであれば、自由にパーマリンクを設定できます。
最適なパーマリンク
WordPressなどを使用していて、自分でパーマリンクを設定できる場合にはどのような形にするのが良いのか？
基本的には、できる限りシンプルで分かりやすいパーマリンクを設定する事が大切です。
無意味な英数字や長く複雑なパーマリンクは避けるべきです。
また、ニュースサイトや日記ブログであれば日付を入れる（例：https://example.com/2023/0131/apple/）、複数人で展開するメディアであれば記者名を入れる（例：https://example.com/yamada/apple/）など、ウェブサイトに応じて工夫をする事も大切です。
決まった答えがある訳ではなく、ウェブサイトの種類や性質、機能や目的によって最適なパーマリンクの形は変わるという事です。
基本的にパーマリンクは一度決めたら後から変更するべきではありません。
しかし、何らかの理由でパーマリンクを変更する事になった場合は、リダイレクトを行い、過去のパーマリンクにアクセスしたユーザーが新しいURLの記事に移動できるように調整することが大切です。
パーマリンクを変更したままにしておくと、リンク切れを起こし、過去のパーマリンクを使ったリンクが機能しなくなってしまいます。
SEOへの影響
パーマリンクがSEO（検索順位）に影響を与えることは基本的にありません。
しかし、どんなパーマリンクでも良いという訳ではありません。
あまりに複雑なパーマリンクは検索エンジンがサイトを認識する際に支障が出る可能性があるため、SEOにおいて（間接的に）マイナスになる可能性もあります。
Googleはパーマリンクをシンプルに分かりやすいものにすることや、単語を区切る際はアンダーバー（_）ではなく、ハイフン（-）を使うことなどを推奨しています。
エックスサーバーでアダルトサイトを作るのは禁止
エックスサーバー（Xserver）は非常に万能でコスパの良いレンタルサーバーです。
そのため、「アダルトサイトを作る際もエックスサーバーを使いたい！」という方も少なくないと思います。
しかし、エックスサーバーではアダルトサイト（エロサイト）をはじめ、年齢制限が必要なコンテンツを扱うサイトは公開できません。
アダルトサイト（エロサイト）は禁止
エックスサーバーの「よくある質問」の中に、コンテンツの制限について記述があります。
該当のコンテンツを運用されていることが発覚した場合、サービスの提供を停止することがございます。
- ポルノサイト、またはそれに類似するもの
- 売春を助長するようなもの
- 第三者の知的財産権や肖像権・プライバシーを侵害する、または侵害するおそれのあるもの
- 無限連鎖講（ねずみ講）、マルチ商法、またはそれらに類似するもの
- 日本国内の法律に違反するもの
- 以上のようなサイトへのリンクが含まれるもの
なお、当サービスでは、風俗店やアダルトグッズを取り扱うコンテンツ、同人系コンテンツの運用自体は、禁止事項に該当をいたしません。
しかしながら、性行為、またはそれを連想させる画像・動画を掲載している場合は、禁止事項に該当するコンテンツであるとの判断をいたします。
アダルトサイト（エロサイト）に該当するのは最初の「ポルノサイト、またはそれに類似するもの」という項目ですね。
明らかなポルノサイトだけでなく、「それに類するもの」もアウトなので注意しましょう。
「風俗店やアダルトグッズを取り扱うコンテンツ、同人系コンテンツの運用自体は、禁止事項に該当をいたしません」ともありますが、性行為、またはそれを連想させる画像・動画を掲載している場合は、NGなので、事実上、それらのコンテンツを扱うことも難しいと思います。
アダルトサイトへのリンクもNG
気を付けたいのは、リストの最後に「以上のようなサイトへのリンクが含まれるもの」という記述がある点です。
つまり、引用やまとめ、キュレーションなどの形でアダルトサイトへのリンクを貼ることもNGということです。
アダルトコンテンツがNGだからといって、「アダルトサイトはこちら」と別サイトに誘導するのもNGということですね。
エックスサーバー上で運用するサイトは、アダルトサイトとは完全に切り離して運用しましょう。
利用規約にも同様の記述が
よくある質問だけでなく、利用規約の第16条である「禁止事項」にも同様の記述があります。
猥褻な表現を含む情報、または公衆に羞恥心を抱かせるおそれのある情報、その他公衆の射幸心を仰ぐ情報を掲載し、または他の利用者もしくは第三者に提供する行為
不倫・援助交際・売春・買春等の勧誘行為
人の死体、裸体、児童ポルノ、人を殺傷する現場もしくは児童虐待に相当するおそれのある画像または動画を掲載する行為
固い表現ですが、基本的には「よくある質問」と似たようなことが書かれています。
まとめ
エックスサーバーでアダルトサイト（エロサイト）を作りたい方もいるかと思いますが、規約で禁止されている以上、諦めるしかありません。
もし、規約を破ってアダルトサイトを運用すると、最悪の場合、エックスサーバーを利用できなくなる可能性もあります。
どうしてもアダルトサイトを作りたい方は、別途アダルトOKのレンタルサーバーを選びましょう。
昔は、アダルトサイトを運営できるレンタルサーバーは少なく、海外のレンタルサーバーやスペックの低いレンタルサーバーなど限られた選択肢しかありませんでした。
しかし、近年は日本国内でもアダルトOKのレンタルサーバーが充実してきています。
例えば、「mixhost」はアダルトサイトの運営OKです。公式サイトに明記されています。
全てのプランで合法なコンテンツに限りアダルトサイトを運営していただけます。
アダルトサイトを運営したい方は、mixhostなどアダルトOKのレンタルサーバーを選びましょう。
ちなみに、筆者はアダルトサイトは運営していないので、当サイトを含め、全てのウェブサイトをエックスサーバーで運営しています。
多言語サイトを作る際の7つのポイント
多言語サイト（複数の言語に対応したウェブサイト）を作りたい場合は、どうすれば良いのでしょうか？
多言語サイトは、ただ複数の言語で記事を書けばよいという単純なものではありません。様々な工夫や調整が必要です。
SEOやブランディング、そして何よりユーザーのために、多言語サイトを作る際に注意したい点を解説します。
1.言語をユーザーに選択させる
言語はユーザーが選択できるようにしましょう。
リダイレクトを設定し、ユーザーを強制的に特定の言語に飛ばすのは好ましくありません。
筆者はあるビジネスニュースサイトのアメリカ版を閲覧しようと〇〇〇.comにアクセスしたら、強制的に日本語版である〇〇〇.jpにリダイレクトされた事があります。
.jpを.comに変えてアクセスしてもまた日本版にリダイレクトされた時には本当にうんざりさせられました。
ユーザーが日本に住んでいるからと言って、必ずしも日本の（日本語の）ウェブサイトを読みたいと思っているとは限りません。
ユーザーの住んでいる国を勝手に判断してリダイレクトするのは止めましょう。
利便性を追求するなら、強制リダイレクトの代わりに、日本語版（日本版）がある事を示すメッセージを表示しましょう。
例えば、AppleやWordPressのウェブサイトは、英語版にアクセスした際、勝手にリダイレクトするのではなく、日本語版（日本版）がある事を示すメッセージが表示されます。
2.言語選択機能は分かりやすい場所に置く
言語を選択するためのボタンやリンクは分かりやすい場所に設置しましょう。
ナビゲーションメニューやサイドバーの一番上など、理想はファーストビュー（ウェブサイトを開いた際に、最初に表示される部分。スクロールせずに表示される範囲）に設置する事です。
言語選択機能はフッターに用意されている事が多いですが、一番下までサイトをスクロールするのは面倒なので、もしファーストビューに設置できるなら、ファーストビューに設置する事をおすすめします。
3.国旗アイコンを使用しない
多言語サイトを作る際、言語選択メニューに国旗のアイコンを使用するのは止めましょう。
多国籍サイトを作成する際に、各サイトが対象としている国を国旗のアイコンで示すのは構いません。
しかし、言語を表す際に国旗を使用するのは不適切です。
ニュージーランドのように複数の言語が公用語となっている国や、英語のように複数の国家で使われている言語が存在する為です。
国旗と言語は対応しません。言語選択のデザインに国旗を使うのは止めましょう。
参考：多言語サイトの言語選択メニューに国旗アイコンの使用を避けるべき2つの理由
4.言語名は各言語の言葉で示す
リンク等で言語名を表示する際は、各言語の言葉で表示しましょう。
例えば、英語とスペイン語のリンクを表示する際は、それぞれ「English」と「Español」です。
日本語であれば、「Japanese」ではなく「日本語」です。
それぞれの言語で記した方が、その言語を利用する人にとって分かりやすく、ありがたいですよね。
言語名を表示する際は各言語の言葉で言語名を表示する方がより見つけやすくなります。例えば英語がメインのWebサイトにおいて、英語で「Japanese」と書かれるよりも、日本語で「日本語」と書かれたほうがわかりやすいですね。
5.言語ごとに独立したURLを設定する
TwitterやInstagramは、1つのURLで複数の言語に対応しています（日本語でも英語でも同じURLで表示できる）。
しかし、SEOの面では、こうした1つのURLで複数の言語に対応するのはよくありません。
各言語のコンテンツには別々の URL を使用してください。つまり、多言語間で同一の URL を使って Cookie でコンテンツを切り替えるような構造は避け、それぞれの言語ごとに URL を設定しましょう。
1つの言語につき1つのURLを使用する事は、URLを直接書き換えるだけで言語が変更できるため、UI/UXの面でも好ましいです。
ユーザーによってはURLの言語部分を直接変更して言語選択しているユーザーも存在します。それができるためには分かりやすいURL設計をオススメします。
6.自動翻訳を利用しない
Google翻訳などの翻訳ツールを利用してコンテンツを訳すのはやめましょう。
ライターを補助するツールとしては使えるかもしれませんが、訳した内容をそのまま掲載できるレベルではありません。
時々、Google翻訳をサイトに搭載して多言語対応しているサイトを見かけますが、絶対に避けるべきです。
また、自動翻訳による誤った文章をサイトに載せていると、Googleにスパムサイトと見做され、検索で不利になる可能性もあります。
自動翻訳したページをインデックスの対象としないようにしてください。自動翻訳は意味が通じない場合があるため、スパムとみなされる可能性があります。また、自動翻訳されたコンテンツは、しばしばユーザーにとって理解できなかったり、不自然に感じることがあります。そのようなコンテンツを多言語のウェブサイトとして作成するのは、ユーザーにとって有益ではありません。
最近は「DeepL翻訳」という翻訳ツールが高性能で人気ですが、こちらもまだ完ぺきではありません。
翻訳は必ず言語の能力がある人が訳しましょう。もし自分で翻訳できないならプロの翻訳を利用しましょう。
7.本文だけでなく、全てのコンテンツを訳す
多言語サイトを作る際は、本文などメインコンテンツさえ訳せばよいというものではありません。
ナビゲーションや各種通知、SNSのシェアボタン、お問い合わせフォームの自動返信メールなど、メインコンテンツ以外も全て、ユーザーが選択した言語を表示・使用するようにしましょう。
参考
エックスサーバーの料金｜おすすめのプランは何？
エックスサーバーには以下の3つのプランがあります。
- スタンダード
- プレミアム
- ビジネス
プランごとの月額料金（税込）は以下の通りです。
| プラン | スタンダード | プレミアム | ビジネス |
| 月額料金 | 990円~ | 1,980円~ | 3,960円~ |
| 容量（SSD） | 300GB | 400GB | 500GB |
| データベース（MySQL） | 無制限 | ||
| 転送量 | 無制限 | ||
プランが一つ上がるごとに料金も倍になります。
なお、これはもっとも長い36ヶ月契約をした場合の1ヶ月あたりの料金です。契約期間が短いと、1か月あたりの料金が高くなるので注意してください。
例えばスタンダードの月額料金は契約期間によって以下のように変わります。
| 契約期間 | 利用料金 | 合計 |
|---|---|---|
| 3ヶ月 | 1,320円×3ヶ月 | 3,960円 |
| 6ヶ月 | 1,210円×6ヶ月 | 7,260円 |
| 12ヶ月 | 1,100円×12ヶ月 | 13,200円 |
| 24ヶ月 | 1,045円×24ヶ月 | 25,080円 |
| 36ヶ月 | 990円×36ヶ月 | 35,640円 |
エックスサーバーは長期契約するとお得です。
筆者はいつも1年ごとに更新しているので、12ヵ月を選んで契約しています。
エックスサーバーの支払い方法
エックスサーバーの料金を支払う際に使える方法は以下の5種類です。
- クレジットカード（Visa、Mastercard、JCB、American Express）
- 銀行振込
- ペイジー
- 翌月後払い（コンビニ・銀行）決済
- コンビニ払い
デビットカードやプリペイドカードもVISA、Mastercard、JCBであれば利用することができます（ただし、カードの自動更新は使えません）。
筆者はプリペイドカードのKyashを使いましたが、問題なく支払うことができました。
ちなみに、筆者がオススメする支払い方法はもちろんクレジットカード（デビットカード、プリペイドカード）です。
自宅にいながらカンタンに支払うことができますし、1ヶ月自動更新で契約できるのもクレジットカードの特徴です！
オススメのプランはスタンダード
エックスサーバーは一番下のスタンダードでも十分ハイスペックなので、よほどアクセスがある大規模なサイトでもない限り、スタンダードがオススメです。
エックスサーバーの場合、再度契約をしなくても管理画面からカンタンにプランを変更することができます。
なので、「将来的には規模の大きいサイトにしたい」と考えている方も、最初はスタンダードで大丈夫です。
公式サイト：エックスサーバー｜高速・安定の高性能レンタルサーバー