└◆ ブログカスタマイズのカテゴリ記事一覧

Yahoo!ショッピングのアプリ、楽天、Amazonでポイントサイトを経由して、自己アフィリエイトする方法やネットショッピングで得する裏技を完全公開

  • ホーム
  • »
  • └◆ ブログカスタマイズ

カテゴリ: └◆ ブログカスタマイズ

文字装飾・強調にふさわしいカラーコードは?視認性・コンバージョン…最終的には好み?

文字装飾に関する実験・細い文字


「文字の視認性」の実験なので、単に「色文字」を並べるのではなく、
「長文の中で、どんな風に見えるか」を比較する必要があった為、
雑記を書きつつ、確認してみました。

読者様より「ブログを書いている人」しか気にならない内容ですかね。

まずは、細い文字で、ところどころ、違うカラーコードを挟んでみます。
(色んな色文字が出ますので、鬱陶しいかもです…)


  1. 「最もブログの視認性がある文字装飾はどれか」という以前に、
    可愛いだけの色で言えば、私は、この色が好きです。
    ただ、この色、細い文字では、さすがに薄すぎですね。

  2. 勿論、赤が目立つのはわかっていますが、果たしてそれは人の情緒に訴える力があるのか?
    視認性だけでは語れない側面があるのが奥深い所で。

  3. 長文を疲れずに読んで頂くためにも、適度な強調は必要だが
    そもそも色文字はNGという意見もあり
    言われてみれば、カリスマブロガーで色文字とか、使っている人、少ないかも。

  4. とはいえ、パッとみて、重要である箇所がわかる、文字装飾も必要
    な場合もあり、こうして、実験してみたわけです。

  5. 検索対策、SEO対策に於いて、
    多くの単語を含んだ方が有利であるのは間違いない
    が、そのせいで、読みやすさが犠牲になるのは絶対に、避けなければならないでしょう。


同じカラーで、太文字ではどうでしょう。


文字装飾の実験といいながら、自分の好きなピンク色しか使っていませんが、
とりあえず、上記と同じカラーで、太字でもやってみます。

  1. 「長文は検索に優位」と聞いて、検索botが優遇してくれたとしても
    肝心の訪問者にとって、どこが重要か、直ちにわかるか?
    の視点を忘れたら終わりでしょう。(やっぱりこの色、可愛いな…)

  2. だって、1200文字以下にせよ、と言われた時期もあったのに、
    時々、1万文字書け
    とも聞くわけですよ(読むほうが気の毒…)

  3. Googleは、より人間に近づき(読者の視点に近づき)と聞きますが
    果たして最も、ブログの視認性がある文字装飾はどれか
    という問題に対して、完全なる回答
    を出せたのでしょうか。

  4. 以前、A/Bテストで
    配色はターコイズブルーが良いとか、フォントは「Tahoma、赤、36pt」
    のコンバージョンが良かった
    とか聞きましたが、私は、好きじゃなかったです
    (いや、一応、チャレンジしてみた自分にウケますが^^;)

  5. さらに言えば、
    強調にも、b強調と、strong強調の2種類のタグがあり
    見た目は同じだけど、意味は違うわけで、
    多くのブログエディタのデフォルトにstrongタグしかないのは不便です。
    ※strongタグの多様は、望ましくないと言われております。


「赤」の視認性はダントツ、でも、好みではない…


何で、この実験をしたかと言うと、Seesaaブログの「マイブログリニューアル」で
エディタの使い勝手を試していて、思いついただけです。

このブログは、背景は白で、本文は黒に近いカラーコードで、書いています。
h2タグは、グリーンで、文中の強調(太文字)に於いては
ピンク系を使う機会が多いです。

例えば、視認性だけでみると、ブルーで良い筈のリンクの下線も
まぶしいのが嫌いなので、明度を落とし、オンマウス時にはグリーンに近いカラーコードにしています。

その為、単純に「補色」という意味では、グリーンの補色はレッドですから
当然に、強調の色も、レッドが最適解の筈ですが、どうしても好みに合いませんでした。

でも、色々実験してみると、
レッドの視認性は、やはり抜群で、わざわざ太文字にする必要もない程、
インパクト大だと思います。

なので、当ブログでも、細い文字で強調する時は、レッドを使う事が多いです。

で、太文字の時は、ちょっと暗めのピンク
使っているのですが、Seesaaのデフォルトのカラーコードにない為、辞書登録しています。

しかも、この強調は、bタグですから、カラーコードと、両方、デフォルトにはないのですよね。。


まとめ


色々書きましたが
結局、私は、今まで使ってきたこの色を気に入っている
という事がわかっただけでした(笑)


ある意味、ホッとしました。

あとは、bタグだけでなく、うまーく、strongタグも使えたら…ですね。

本音を言えば、蛍光も使いたいのですが、蛍光は、Seesaaのエディタのデフォルトにはないのです。

じゃあ何故、自分でやらないの?と言えば、(調べて蛍光にする位、すぐできますが)
それは、hrで区切り線を入れる時、
カラーのラインにしようとCSSで書き込んだら、AMPエラーで引っかかったからです。

もし、蛍光マーカーもAMPエラーになったら、面倒なので、諦めました。
WPなら問題ないかと思われ。 

ちなみにカエレバも、AMPエラーに引っ掛かりますが、WPなら、大丈夫みたいで…。 

ほんと、AMPエラー修正するの疲れました^^;
今度はAMPエラーの事も書きますね♪


Amazonアソシエイトのリンクも一瞬で作成できました!


そうそう、エディタのチェックしていて、気づきました。
今までわざわざAmazon上で行っていましたが、エディタから一瞬でリンク作成できました。

お金は銀行に預けるな   金融リテラシーの基本と実践 (光文社新書)
お金は銀行に預けるな 金融リテラシーの基本と実践 (光文社新書)

※この本読まないと、人生、損します。
ええ、私は、人生、損しましたから(笑)

勝間さんて、昔、怖くて苦手だったのですよねー。
読まずにスルーして、10年位、損した気分。皆さんは、食わず嫌いせず、読みましょう☆

同タイトルの2013年版(Kindle本)は実践編ですので、
上記の新書版を、先にご一読される事を推奨します♪

新デザインシステムに無事移行できました【Seesaaブログ】

新デザインシステムの無事移行できました


数日前に、カエテンジョイが、さらにバージョンアップした為、
時間の都合で、直接このブログで、カスタマイズしました。

新デザインシステムへの移行自体は、あっさりできました。

カエテンジョイのデフォルトもすぐに設定できました。
恐らく、カスタマイズを、カラー指定程度に留めて置けば、
こんなに便利な事はないですよね^^

でも私は、色々しているので、
日曜の19:05頃から始めたのですが、
4時間くらい、カスタマイズして、気付いたら、お腹が減り過ぎて
低血糖で倒れそうになっていました(笑)

晩御飯を食べたら眠くなるので、食べる前にやろうと思ったら
止まらなくなって…^^;


あと一息!


ほぼ再現できましたが、基本、カスタマイズし過ぎなんですね。。。
閲覧には問題ないと思いますが、まだ微妙な所ができていません。

特にサイドバーに表示崩れがあります。

人気の記事とか、エラーになってしまって、
表示できるのでしょうか^^;

そういえば、新しいテンプレでは、リストタグの<ol>タグの前に、
半角スペースが自動で入るそうです。
今まで、手動で半角開けていたので、ありがたいです♪


まだできていないところ


boxタグを編集して、緑枠に変更する → ○
フッターフリースペース追加 → ○
アイキャッチ画像の縮小表示がおかしいので、調整 → ○
● レスポンシブの数値設定
人気の記事が表示できない → ○
● リンク集の表示崩れ
● 過去ログを一行にまとめたい → 前のシステムの記述ではエラーになる…
関連記事が大きすぎるのを小さくする → ○
編集ボタンを付けたい → ○
● コメントに下線不要
● カテゴリが広すぎる…?
● 検索のボタンをできれば、横に移動させたい、マウスオンの時色をグリーンにしたい
● 前の記事・後の記事の文字を小さくしたい


全体的に、もう一度、あした見直そうと思います。

Seesaaブログの新デザインも常時SSL化はしていない。Yahoo!ブログは対応済

Seesaaブログの新デザインもhttpのままでした。


昨日、Seesaaブログの新デザインシステムに移行方法について、と
試しに、実験用のブログを新デザインに移行させた事を記事にしました。

新デザインシステムにしたら何か良い事はあるか?は、まだ今のところ不明です。

残念だったのは、新デザインシステムに移行させたブログのURLも
旧デザインと変わらず、「http」のままだった事…。

「https」になるのかなぁ…と密かに期待していたのですが。


無料ブログの常時SSL化について


ブログの常時SSL化


無料ブログで、常時SSL化が完了しているのは、Yahoo!ブログだけです。
(アメーバブログ、楽天ブログも、現在移行中です)


SSLの証明書にはお金も要りますから、Yahoo!ブログってすごいなと思いました。

Seesaaブログも、有料会員制度を作って、SSL化して欲しいのですけどね。
(以前、サポートに質問したのですが、まだ返事が来ていません。
この記事を書いたら、再度、聞いてみます)

Yahoo!ブログは、最初、
「あれ、何でジオシティーズでアップした画像が表示されていないんだ?」
と不思議に思っていたら、Yahoo!ブログ全てが、常時SSL化に対応していたのです!

※ジオは、http~なので、画像ではなく、画像のURLが表示されてしまいます。
※Yahoo!ブログで、その画像を表示したければ、Yahoo!ブログの記事に画像をアップロード
し直すと、画像のURLが「https~」となる為、表示できます。


GoogleがSSL化を強く推奨しているわけですよ…


常時SSL化


SSLと言うのは、皆さんがお買い物をした時などに、クレジットカード番号
などを入力される画面が「保護された通信」になっている必要があるわけです。


なので、これまでも、
カート画面などでは「https~」で始まるURLになっていたと思います。

でも、2015年12月18日の「ウエブマスター向けブログ」でGoogleが公式に
HTTPS ページが優先的にインデックスに登録されるようになります
と、発表されました。

常時SSL化(暗号化)、つまり、クレカ入力画面だけでなく、全ページが「https~」のサイトの方が
検索順位でも優位に立つというわけですね。


バリューコマース以外のアフィリエイトもできない、Yahoo!ブログが
今さら、そんなに大人気になるとも思えませんが、
オワコンだと思っていたYahoo!ブログ(スミマセン…)が、
いち早く対応したと知った時は、ちょっと感動しました。

もしかして、ディレクトリの関係でやりやすかったのでしょうか…。


「スマホ対応」と「常時SSL化」が優遇…当然ですけどね


スマホでの閲覧の方が多くなり、
「スマホ対応できていないサイトは、Googleの検索で不利になる」と
発表されてから、数年が経ちました。

Seesaaブログを始めとする無料ブログも対応は早かったです。

続いて「SSL化されている=セキュリティに気を付けている」が
Googleの検索結果で優遇される…となりました。

これもスマホ対応と同じく、段々と影響が出てくると思います。

「常時SSL化」に関しては、無料ブログでは、サービスの提供元が対応してくれないと
個人ではどうしようもありません。

Seesaa様、よろしくお願いします~♪


パスワード入力欄には注意しましょう


閲覧する際に、個人でできる事と言うと…
SSL化(暗号化)されていない=「http~」で始まるURL(保護されていない通信)では
クレカの番号を入力しないなどを注意する、ですかね。
(大手では無いと思いますが、個人ショップなどの場合)

身近なところでは、
FC2ブログのコメント欄など、パスワードを入力できるものがありますよね。

FC2ブログを開いても何も表示されませんが、コメントを入力しようとすると
URLの手前に「保護されていません」と表示されると思います。
あれは、パスワード入力欄があるから、出ているのです。

銀行口座の暗証番号を入力したりする方、いそうですが、
念の為、パスワードの使いまわしは止めましょう^^;

【Seesaaブログ】新デザインシステム移行機能を使う前にすべき事

Seesaaブログの新デザインシステム移行の告知


Seesaaブログをお使いの方は、
【Seesaaブログ】新デザインシステムへの移行に関するお知らせ
をご一読下さい。

※これから新しく、Seesaaブログを開設される方は関係ありません。

2017年2月22日移行、新デザインでしか、新規開設できなくなっていましたが、
既に開設していた旧デザインブログについても、
2017年4月17日以降、自動的に、新デザインシステムに移行するとの事!

自動的に移行って、強制的に移行って事だよね!!

…こ、これは、大変ですね。
放っておくと、カスタマイズした部分が消えて、勝手に新デザインのデフォルトに
されてしまうという事ですよね^^;


カスタマイズのバックアップを残しておきましょう


私は、勘違いをしていて、
「今後は新デザインでしか開設できないが、旧デザインで開設されたものは
そのまま続行できる」と思い込んでいたので、びっくりしました。

カスタマイズをしていない場合は、自動で移行して貰えるなら面倒が減っていいと
思いますが、カスタマイズされている方は、カスタマイズのバックアップが消えたら
相当ダメージなのではないでしょうか…。

※但し「一部、移行が困難なブログなどは除かれます」ともありますので、
カスタマイズしている方のブログは移行されないのかもしれません…が、
どのブログが対象外になるか不明なので、もしこのまま放置される場合も
カスタマイズのバックアップは取っておかれる事をオススメします。


カスタマイズを保持したまま、手動で移行はできない


Seesaaブログの新デザインシステムへの移行機能


私は、上記の「カスタマイズ内容を引き続き」という選択肢がある事で
楽観的に考えていました。


これが大間違い!
実際はできない、ですね…。


カスタマイズを維持したまま、手動で移行すらできない


Seesaaブログの新デザインシステムへの移行機能


無理矢理、了解して移行するをクリックしても、
エラー表示が出るので、無駄です。

ずら~っと並んだ
カスタマイズをした部分を修正せよとの指示に諦めて、
手動で移行しようと思いましたが、今度は「指定されたURLがありません」と
出て、ブログ自体を表示する事もできません。



「新デザインシステム移行機能」はそのままでは使えない…


Seesaaブログの新デザインシステムへの移行機能


「新デザインシステム移行機能」を利用して移行できるとの事ですが、
「以下を修正すれば移行できます」と出ます。

仕方なく、もう一度、新デザインシステム移行機能の画面に戻り、
移行できないと言われた部分を修正する事にしました…

よく読んでみると、
以前設定していたデザイン
ゴミ箱に入っているものまで、修正しないとダメなのです。
(ゴミ箱は空にする)


「新デザインシステム移行機能」が使えないっ!


Seesaaブログの新デザインシステムへの移行機能


HTMLとCSSだけでなく、コンテンツ部分に至るまで、修正せよ、の指示が山のように…・

「…全部じゃん」
と、ツッコミつつ、もう諦めました!

そう、もう、過去のカスタマイズの痕跡も、全部消さないと、
修正と言ったって、キリがありません。



「新デザインシステム移行機能」を使う為には初期化とデフォルト設定


  1. HTMLは、全て削除し「デフォルト」指定
  2. CSSは、右サイドバーの「超シンプル」のみ残して全て削除
  3. コンテンツは「初期化」

  4. スマホのカスタマイズも
    Seesaaブログのデフォルトでは、皆おなじになるのが嫌で、
    カエテンのデザインを反映させる為に
    「タイトル」の前に「自由形式」で指定させていたのをタイトルの下に移動させました。

    つまり、
  5. スマホのコンテンツも「初期化」という事です。

完全にカスタマイズをデフォルトに戻して初めて、
「新デザインシステム移行機能」が使えました。



新デザインシステムで一からカスタマイズし直すしかない…


無事、移行させて、ブログを表示させると、
新デザインシステムの右サイドバーのSeesaaブログのデフォルトデザイン
が表示されました。


つまり、この状態から、一からカスタマイズをし直すわけです。


※初期化する前に、絶対に、CSSや、HTMLなどのコピーを残しておいて下さい。
※新デザインシステムに以降した後、カスタマイズし直して下さい。

※尚、カエテンジョイか、カエテンクロスをお使いの方は、新デザインシステムの
テンプレートが公開されていますので、
そちらをダウンロードしてお使い下さい。


良い機会と捉える事もできます。


多分、自動的に移行(強制的に移行)だと言われなければ、
私は、旧デザインシステムのまま続行させていたと思います。

こんな事でもなければ、せっかく新デザインシステムのテンプレートも
持っているのに、使わず仕舞いだったと思います。

なので、面倒だ~と悪い方ばかりに考えず、良い機会だと思う事にしました。


私が新デザインに移行させたのは、CSS実験用ブログで、このブログでは
ありません。
(日曜でしたので、このブログはFire TV Stickの記事が読まれていたので、
移行させると、訪問者様に迷惑が掛かると思ったので、止めました。
近日中に行います。移行時、表示崩れなどがあるかと思いますが、ご了承下さい)


カスタマイズサポート付きのカエテンジョイ


私が現在、利用している「カエテンジョイ」というテンプレートは、
スマホ対応(レスポンシブデザイン)です。

カエテンジョイは、好きなカラーにカスタマイズが出来るのですが、指定する箇所が
わかりやすいのが特徴です。

カエテンジョイをご購入された方は、メンバーズサイトの
パスワードが届きます。

最新のテンプレートを、いつでもダウンロードできますので、
PCを買い換えたり、ファイルを失くしてしまっても大丈夫です。
各ブログ毎のカスタマイズブログを閲覧できます。

万一、設置に困った時も、カエテンジョイ販売者のひで蔵さんの、早くて丁寧な
メールサポートを受けられます。

今回のような、大きな仕様変更の際にも、無料で
新デザイン対応のテンプレートが配布されました。

安心してご利用いただけると思います。


詳細はこちらから↓ 



参考記事



カエテンジョイが追加費用なしで、Seesaaブログの新デザインに対応!

カエテンジョイが、Seesaaブログの新デザインに対応!


2017/02/21以降、Seesaaブログの全ての新規作成ブログは
【新デザインシステム】のみになりました。


Seesaaブログは、5つまでブログを作成できるので
「カエテンジョイのテンプレートで作れないと困る!!」と、
私、大慌てで、旧デザインのブログを開設した位です^^;

すると、何と、作成者のひで蔵さんからメールがあり、
カエテンジョイで、Seesaaブログの新デザインのテンプレートも
作成したとの事!



メジャーアップデートなのに、追加費用なし、まさに神対応


よかった!
これで、今後、新デザインへの移行もできますし、
新しくブログを開設した時も、カエテンジョイのテンプレートを利用できます。

Seesaaブログを使っていない方にとっては、余り実感がない話かもしれませんが、
これって、スゴイ事だと思いますよ。

これだけのメジャーアップデート(というか、もはや、別商品…)なのに、
追加費用が発生しないのです!
これぞ、まさに神対応…


(申し訳なさすぎて、寧ろ、追加費用を支払いたい位ですけどね…。
そこまで、思わせる所が、すごい人は違う、という事なんでしょうか)


人の喜ぶ事をする、人が欲しがっている物を与える、しかもタイムリーに!


しかも、この、確定申告で忙しい時期に…。
(多分、この方、消費税とかも支払わないといけないと思うので、申告大変だろうな…)
ひで蔵さん、本当にありがとうございます。

人気テンプレートを売り続けるって、こういう事なんですね…。

人の喜ぶ事をする、人が欲しがっている物を与える、しかもタイムリーに!
人に尽くす事、誰よりも勤勉である事…が大切なんですね。


とても勉強になりました。。

今、ブログで、全く収益が出ないと言う方は、
「この情報、人が欲しがるだろうか?」を考えると、好転するかもしれません。
私も、胸に刻んでおきます。。


最も有意義な経費は、テンプレート


今まで、ブログの為に色々お金(経費)を使いました。
独自ドメインとか、有料ソフトとか…。

でも「テンプレートの購入」は、その中でも、間違いなく、コスパ最高で、
本当に有意義な投資だったと思います。


まぁ、私は「 テンプレートへの愛と、ブログの時間
と言う記事を書いた位、異常なほど、テンプレート好きですけどね^^;

でも、テンプレートは、ブログの顔です。
どんなに素晴らしい内容でも、情報が見つけにくいようでは、
イザという時、人の役に立ちません。

そもそもゴチャゴチャして読みづらい、という点で、
本当に、訪問者の事を考えているとは思えないですよね。

人気のブログは、見た目もスッキリと美しいです。
その上で、内容も魅力的なので、人が集まるのでしょうね。


テンプレートで、好感度がアップするなら、ラッキー


客観的に見て、自分のブログが本当に読みやすいか(フォントやカラム数、余白に至るまで)
チェックしてみて下さい。

「テンプレートを変える」程度の事で、訪問者様に好感を持って貰えるとしたら、
本当にラッキーな事だと思いますよ。
逆に言うと、その効果の絶大さを感じない人は「鈍い」と思います。


別に、購入して欲しくて書いているわけではなく、
ブログの体裁を整えるという事は、
大事なお客様を迎える時に、玄関を整理するのと同じ位、重要だと言う話です。


カスタマイズサポート付きのカエテンジョイ


私が現在、利用している「カエテンジョイ」というテンプレートは、
スマホ対応(レスポンシブデザイン)です。

カエテンジョイは、好きなカラーにカスタマイズが出来るのですが、指定する箇所が
わかりやすいのが特徴です。

カエテンジョイをご購入された方は、メンバーズサイトの
パスワードが届きます。

最新のテンプレートを、いつでもダウンロードできますので、
PCを買い換えたり、ファイルを失くしてしまっても大丈夫です。
各ブログ毎のカスタマイズブログを閲覧できます。

万一、設置に困った時も、カエテンジョイ販売者のひで蔵さんの、早くて丁寧な
メールサポートを受けられます。

安心してご利用いただけると思います。

詳細はこちらから↓ 



参考記事


最近の記事

    ※3か月以上更新がない場合、外させて頂きます。
    ブログを再開後、ご連絡下さい。

    過去ログ
    株取引用語
    ★ ネットショッピングで得するサイト ★

    ポイントでお小遣い稼ぎ|ポイントタウン★ポイントタウンの説明★
    ポイントタウンは、2018年大注目の老舗ポイントサイト!ゲーム・お買い物・カード発行で最高還元連発。


    potora・ポトラ ★potora・ポトラの説明★
    iPhoneユーザー必見!iTunes Storeも最高還元。Amazonギフト券とリアルタイム交換できる数少ないサイト

    ★ 改善続き、太っ腹お小遣いサイト ★

    モッピー!お金がたまるポイントサイト★モッピーの説明★
    モッピーは、スマホから登録で全ての恩恵をゲット! スマホとPCの両方で自力でも貯まる。


    サイフもココロもハッピーに!ちょびリッチ★ちょびリッチの説明★
    ちょびリッチは、ユーザー目線が嬉しい!無料ゲーム・ショッピングで貯まるポイントサイト

    Copyright © Amazonギフト券・Tポイントを貯める方法 All Rights Reserved.

    テキストや画像等すべての転載転用販売を固く禁じます