他の言語でも調べてみたAndroid版のChromeでサイトを表示すると&nbsp;(ノンブレーキングスペース)が黒丸「・」になってしまう問題が指摘されています。Wordpressについて言われることが多いようですが、普通のHTMLサイトでも同じ問題が発生します。その解決法を考えてみます。中点、中黒(なかぐろ)、中ポチ、黒丸、黒点など様々に呼ばれる「・」ですが、思わぬところにポチっとあると違和感が著しいです。何とかしたいところです。この現象については既に多くの方が研究され、原因はChromeのバグだろうと言われています。Chromeのバグフィックスを待ってはいられないので、自分でできる対応策を考えましょう。先人がいくつかの方法を提案してくれています。&nbsp;を使わないまず、一番単純な対策としては、&nbsp;を使わずに、類似の機能を持った他の実体参照に置き換えればよい。「&ensp;」,「&emsp;」,「&thinsp;」に置換してしまう方法です。実際に&nbsp;(ノンブレーキングスペース)を使う必要がある箇所は、代用では解決できないですね。一定条件のもとでは、普通の半角スペースが「・」になることもあります。フォントを調整するcssのFont-familyにHelveticaを追加すると、「・」が消えることが報告されています。わたしも試してみましたが、確かに、Helveticaを加えると表示が正常化されます。同じ機能をもつフォントを3つ見つけましたさて、ここから先が、わたしがこの記事を書くことにした趣旨です。Helveticaと同じく、Font-familyに追加することで「・」が消えるフォントを3つ見つけました。Sans”とArialです。Font-familyの最後のsans-serif(フォントカテゴリ名)の前に挿入します。それで黒丸は消えます。Pゴシック”,Arial,sans-serif;のいずれかにすればよいわけです。表示結果は下のとおりです。WordpressのStinger5のメニュー部分(モバイル表示)をスクリーンキャプチャしました。Sans、Arialです。Sans、Arialのどれもが同じ字体で表示されています。Sansで代用されているようです。フォント指定を最後(フォントカテゴリの前)の位置に挿入したのに欧文のフォントが変ってしまった理由は、その前の5つのフォントにAndroidが対応していないからと思われます。もとの表示は、おそらく「モトヤLマルベリ3等幅」(丸ゴシック体)の欧文フォントだと思います。Sansに変ったことで、見た目がかなり変化してしまいました。WordPressの無料テーマStinger5この問題は、特にWordpressのテーマStinger5を使用している方々の間で指摘されているようです。CMSではない普通のHTMLのサイトでも同じ問題が発生しますが、利用者が多いStinger5についての指摘が目立ちますね。Stinger5はHTML5で作成されており、かつ、cssで欧文フォントを指定していないので、このバグが顕在化します。欧文フォントの指定をおこなわないのは、文字列のレイアウト的美観への配慮からだと思いますので、問題点というわけではありません。その配慮が、たまたまChromeのバグにぴったりはまってしまった、ということのようです。黒丸が出るのはlang属性を”ja”に指定したとき欧文フォントを追加する上記の方法のほか、次の方法でも黒丸が出ないようにできました。lang属性を変えてみるフォントの指定に関係があるらしいので、言語関係の指定をいろいろいじってみました。lang=”en”>に変えたら、表示されるフォントが変わり、黒丸は消えました(なお、lang属性を”en”にしても日本語は問題なく表示されます)。WordPressの場合は、設定画面の「サイトの言語」をEnglishにすれば同じ結果になります。この状態だとChromeでアクセスした際に「英語のページです。日本語に翻訳しますか。」というポップアップが出てしまうので、head内に次の一行を入れます。content=”notranslate”>これでChromeの翻訳機能のポップアップをオフにできます。黒丸問題はHTML5に特有の問題lang属性で”ja”を指定しなければ、黒丸は表示されません。したがって、そもそもlang属性を記述しないHTML4.01では、この問題は生じません。試しにHTML4.01の書式で&nbsp;を含むページを作ってみました。内容は単純に、テスト&nbsp;Testとしました。ProN’,Meiryo,sans-serif;としました。結果は、このとおりです。https://yuyu.miau2.net/km/km4.html&nbsp;は普通に半角スペースとして表示され、黒丸は表示されません。同じフォント指定でも、HTML5の書式(lang属性を”ja”と指定)だと黒丸が表示されます。https://yuyu.miau2.net/km/km5.htmllang指定を”en”に変えると、HTML5でも黒丸は表示されず、ちゃんと半角スペースになります。https://yuyu.miau2.net/km/km5-en.html以上によれば、黒丸問題は、「HTML5で作成された日本語サイト」で生じる問題ということになります。前述のStinger5など最近のWordpressのテーマはHTML5で作成されることが多いため、特に問題が顕在化しているようです。他の言語でも調べてみた上記のHTML5の文書の「lang=””」に各種の言語コードを入れて、どのように表示されるか調べてみました。文書は先ほどと同じ「テスト&nbsp;Test」です。...黒丸がでるのは、ja(日本語環境)とzh(中国語環境)だけでした。この2つの共通点と言えば、「漢字」でしょうか?もうひとつ共通点を思いつきました。どちらも単語をスペースで区切って書かない、「わかち書き」をしない言語ですね。句読点で切れるまで文字が連続するので、そもそも半角スペースを必要としない言語です。表示が正常な言語環境のグループは、韓国語(ハングル文字表記の場合)をはじめとして、単語ごとに半角スペースで区切って「わかち書き」をする言語です。「わかち書き」をする言語環境(lang=””)では、ノンブレーキングスペース(&nbsp;)の表示を確認済みだけれど、そうでない、つまり本来半角スペースを使用しない言語環境では、Googleとしては想定外で未検証なのかも知れないですね。)ミニバード(ネットオウル社)のレンタルサーバーをレビューします。評判どおり安定しています。今までサーバ落ちなどのトラブルはないです。転送量の制限(上限)に余裕があり、反応速度や転送速度も問題ないです。Wordpressの脆弱性対策へのセキュリティ対策もおこなわれています。料金支払いはコンビニ、クレジットカード、銀行振り込みです。記事を読むFC2ブログの「注目記事・ランキング・広告」を削除/非表示にする方法【スマホ版】FC2ブログの無料版をスマートフォンで表示すると、多数の広告バナーとともに、フッターに「注目記事」や「ランキング」が挿入されます。これらを消す方法を考えました。CSSやHTMLを編集することで、非表示にしたり、移動や削除ができます。記事を読むWorkFlowyのNoteを非表示/全文表示にする方法WorkFlowyの初期設定では、Noteは最初の一行が常時表示されています。これを非表示にして、アウトラインを見やすくするためのCSSを作成しました。ブラウザ拡張機能「Stylish」を使ってWorkFlowyのデザインを変更する方法を解説します。Noteを全文表示するためのテーマ&スキンや、使い方もご説明します。記事を読むFC2ブログからワードプレスへ-SEOに配慮した移転の方法FC2ブログからWordpressに移転する方法です。文章と画像を移転したら、SEO対策のためにMETAタグで転送を設定し、検索エンジンに引っ越したことを知らせます(301リダイレクトと同等の効果があります)。記事のURL形式をFC2形式から変更する場合は、htaccessでの転送(再転送)も必要です。Windowsパソコン用HTMLファイルをアップロードする際に、圧縮してサイズを縮小しておくと、ページ表示速度が早くなり、SEO的によいとされます。この記事では、自分のパソコン上で、フォルダ内のHTMLファイルを一括して圧縮する方法をご紹介します。MacとWindowsに分けてご説明します。規約違反に気づいたら自己申告しましょうAmazonアソシエイトでは、新規サイトにアフィリエイトリンクを貼るときは、事前に承認を受ける必要があります。この手続きを怠ると規約違反です。報酬支払停止、アカウント停止などの処分があります。規約違反に気づいたら、Amazonに自己申告して審査を受けましょう。わたしはリンクはそのままの状態で申請して、承認をもらいました。Server)の「エコノミー」プランは、MySQL(データベース)が使えません。裏技を使えば、Wordpressの導入が可能です。Integrationというプラグインを使って、MySQLなしでWordpressをインストール、運用する方法をご紹介します。さくらインターネットのライトプランや、ロリポップのエコノミープランでも同じ方法が使えます。フリーのWebツールでHTMLを圧縮HTMLの最小化(縮小、圧縮)をするフリーのウェブサービスを3つ紹介します。これらのサイトの特徴は、まず無料であること、そして、縮小後のHTMLファイル内のJavascriptが正常に作動することです。Adsenseの広告が表示されないトラブルもないようです。複数のHTMLファイルの自動的な一括処理はできません。記事を読むドメイン移転の失敗によるGoogle検索順位の低下とリカバリーブログのドメイン移転に失敗しました。移行手順でミスをして、アクセス数が激減しました。新サイトをnoindexにしたまま、旧サイトからhtaccessによる301リダイレクト(転送)をかけたのが原因です。あわてて元のドメインに戻したら、検索順位が復活しました。Googleは、インデックスを消したあとも、しばらくはページの評価を保持しているようです。記事を読むulとli要素でテーブル風の表組み(段組み)を作ってみるTableタグを使わず、ulとliを使ったリスト形式で表組み(段組み)を作るほうが、セマンテックな観点からは適切な場合があります。SEO的にも多少は有利だと思います。コツはspanの使い方にあります。罫線や背景色を付して表組のセルがあるように見せることもできます。