作成した記事が40記事を突破した記念

2019年11月17日

BLOGと書いてある木材

今回は作成した記事数が40記事を越えたのでその記念に記事を書きます。
つまりはいつもの雑談会ですね(´・ω・`)

ただ、現在は少し訳あって数記事を非公開としていますので公開している記事数自体はこの時点では40未満となっています(´・ω・`;
まあ細かいことは置いておいて、とりあえずまずは30記事から40記事までの間に感じた事や今後の事について書いていきます。
先日30記事を達成した際にも今回と同じようにその旨の報告と感想なりを述べさせていただきましたが、先ほどその記事の公開日を調べたところ10月23日に公開となっていました。
なのでここ最近の10記事については単純計算ではありますが、1ヶ月を切るペースで記事を作成する事が出来たという事になります。

笑顔の女性

最近は祝日などで時間を取りやすかったという事もありますが、それでもある意味で自信にもなりますし少しだけではありますが達成感も感じています。
聞くところによるとブログというものは大体80%近い人が半年の間で更新する事を止めてしまうと伺いました。
本ブログもつい最近開設から半年を越え、一つの節目を迎えたと言えると思います。
とは言ってもまだ何も始まっていませんし、成果等は全くありません。
現在当ブログはサイト上に貼ってある広告が1クリックされる毎に1円が収入として入る仕組みになっている様ですが(広告からの流入で顧客を獲得できればその分の売り上げが入る仕組みではありますが、そんな気配はこれっぽっちも無い為)、今まで稼いだ金額は本当に雀の涙です(´・ω・`;
うまい棒くらいなら数本買えるなぁという程度ですね(`・ω・´)シャキーン

金髪の女性

とは言ってもある程度纏まった額にならないと振り込まれないはずなので(最低1000円単位だとおもいます)私の手元には一円たりとも入ってきてはいません。
ドメイン台とレンタルサーバー代を考えればまあどう考えても今年度は赤字になります。
まあ全然気にしていませんが♪~(´ε` )
私も本ブログとは別に本業の絵の方を公開しているサイトを数年前から持っていますのでドメインの成長に結構な時間を要する事や、そこから更に収入につなげる事が簡単では無い事くらいは心得ております。

また、元々がSEO対策会社出身という点もありますので、SEOに関する知識や常識もそれなりに備えているつもりです。 その常識から考えてもいきなり一年である程度纏まった収入を得る様になるという事は、やはり元々全く想定していませんでした。
悲しいですがある意味では想定通りの結果であり、しかし同時にこれはこれで順調に進んでいる証拠でもあります。
要は投稿を続けていればいいのですから(`・ω・´)
一番駄目なパターンは、webサイトの成長の仕方を理解していないで最初から過度に期待をしすぎた為にオーバーペースとなり、その結果たった半年程度の施策で心が折れて記事の投稿を止めてしまう事だと思います。

眼鏡をかけた女性

まあそれはさておき…。
上述の様に本ブログはまだまだ稼ぎは低く収穫が可能となる時期は早くても来年の中頃以降となる見込みです。
なんなら再来年までお預けかもしれません。
それには様々な理由がありますが何よりも大きな理由としては、本ブログがどういった層に対してアプローチをしていくのかという「ペルソナ」と呼ばれる部分の選定が元々非常に曖昧なまま見切り発車でスタートし、現在まで至ってしまっているからだと考えています。自分としては。
誰がどう見ても迷走してますよね。このブログ(´・ω・`)

しかしその点にも自分なりの解決方法と言いますか、やりたい事だったり押していきたい方向性がかなり見えつつあります。
今後の記事ではそういった自分が発信していきたい内容を中心にどんどん記事数を積み重ねていきたいと思っています。
今までは記事数を伸ばす事のみに注力してきましたが、PV数といった結果に直結する部分にも意識をして記事制作に取り組んでみたいとも考えています。

髪の長い女性

迷走続きの本ブログや私ではありますがそれでも、今まで生きてきた中でこういった多くの文字数を要する文章を書いてきた事などは一度もありませんでした。
普通の方であれば大学を卒業する際には卒業論文なる物を作成する様ですが、私の場合は美術大学出身ですので卒業制作として絵を描いた経験しかありません。

ですから本サイトの様な長文を書いた事は本当に人生で初めての経験という事でとても良い勉強にはなりました。
まだまだ拙い文章しか書けませんが…。

今日の内容はこれだけだとあまりにもただのチラウラなので少しだけ内容のあるお話をして締めとします。

デジタルなイメージの画像

SEOの観点から見て重要とされている項目は様々ですが、その項目の一つ一つを理由も含めて考察してみると全てにおいて最終的には「ユーザビリティ」を重視したサイト作成をしているかという点に主眼を置いている事に気がつきます。
ユーザビリティという言葉にも色々と意味がありますが、ここでは「ユーザー(アナリティクス的な考え方ではデバイスの事を指し示す。アナリティクスについては今後の記事で改めて詳しく説明を致します。)にとっての使いやすさ」という事を言っており、現在のGoogleの基本理念と言っても差支えの無いほどの大切な指針となっています。
要はサイトを訪問するユーザーにとってそのサイトが如何に有益で価値のある情報を(無償で)提供しているサイトであるかという事が重要なのは勿論(ここまでは超基本中の基本)、サイトの構成自体も分かりやすく訪問者にとって優しい造りになっているか、という部分が重要になります。

ユーザビリティからのつながりで言うと、現在のWEBやSEOにはモバイルフレンドリーという概念が存在します。
モバイルフレンドリーとはスマートフォン等の携帯端末でのサイト閲覧時の快適度を示す一つの指標としてGoogleが2015年4月に行ったアップデートにより実装された指標です。

黒い画面とソースコード

これは今どきのインターネットを利用するユーザーの過半数以上がスマートフォン等の携帯端末である為、そういった層がインターネットを利用際にも、より快適にサービスを受ける事が出来る様にという考えから生まれた指標です。
この指標も当然ユーザビリティを意識したが故に生まれた考え方であり、非常に納得のいく内容のアップデートであったと言えます。

「ユーザビリティ」や「モバイルフレンドリー」の事は何となく分かったけど、じゃあ自分がサイトを作成する際にはどういった事などに気を付ければいいの?となりますよね。
そこで大切になるのが、まあ世間でもよく言われている基本的なSEOを意識したサイト造りなのです。
まあ結局はそれだけなんです…。基本が一番(´・ω・`)

ただ、それだけなら今回語る必要も大してなかったですよね。
時間返せ!と言われても仕方がありません。
なので少しだけ私が行っている、誰にでも今から直ぐにでも出来るモバイルフレンドリー&ユーザビリティを重視したサイトの作り方として、表示する画像の設定方法についてのお話をして本当に今回の記事は締めさせていただきます。

ソースコード

方法は超簡単です。
サイト上に表示される画像のサイズと、投稿する画像のサイズを合わせましょう!以上です!
意味が分からないかもしれないので少し補足をすると、私達がwebサイト上で目にしている画像というものは、実際にその画像が持っているファイルのサイズ(「px」ピクセル数)と必ずしも同じとは限りません。
むしろwebサイトの仕組みから考えて、表示サイズと実際のファイルサイズが違う場合が殆どです。
もしも画像のファイルサイズがブラウザ上での表示サイズよりも極端に大きすぎる場合は、ユーザーにとって非常に大きな負担となってしまいますので注意が必要です(特にスマートフォンユーザーにはかなりの負担になります)。

実際に私が仕事先で関わった案件の中にも、ブラウザ上での画像の表示サイズ自体は「400px」程度であるのに対し、その画像の持つファイルサイズは「5000px」を越えていたなんていう事例がありました。
この場合は400pxでも5000pxでも表示されている画像の見た目は何ら変わりはありませんので、どう考えても残りの4000px以上は不要ですし只々ユーザー側には負担となっているだけなのです。
またこういったズボラなサイトの場合は、ここで挙げた400pxサイズの画像以外についても無駄に大きすぎるpx数のファイルを使用している場合が多く、そのせいで兎に角サイトの読み込みが異様に遅かったり、場合によってはJS系の読み込みに不具合を起こす事もあります(再読み込みなどをすれば一応正しく表示されるのですが)。
サイト全体の挙動も何処かぎこちない場合が多いんですよね。

フォーマルな格好の女性

上記の様な事例からも、画像サイズの管理が如何に大切かという事が分かっていただけると思いますし、もしも現在自分のサイトがモバイルフレンドリーではなくて悩んでいるという方や、今後サイトを作成する場合は「自分がそのサイトを利用する立場であればどう思うか」という相手の目線に立ってサイト制作をされる事が今後は必要なのだと思います。

※自分のサイトがモバイルフレンドリーかどうかについては、こちらで任意のサイトのURLを入力してクリックを押すだけで簡単に測る事ができます。
紹介するついでに本サイトのトップページも測ってみましたが、ちゃんとモバイルフレンドリーになっておりました(´・ω・`)ヨカッタ

因みに本サイトで使用されている画像の多くは下記のサイトを利用して1度か2度の圧縮を行ってから投稿をする様にしております。
下記サイトを利用する事により画像の持つ元々の美麗さは維持しつつ、通常よりも小さなファイルサイズで表示をする事が出来る様になるのでユーザビリティの点からも個人的には推奨しています。
まあ私の様に2回圧縮をかけると流石に多少の粗さは出てきますが、1回ならそれ程劣化は致しませんのでオススメです。
※圧縮では画像の縦横の幅は変わりません。
 同じ表示サイズのままファイルサイズを落とす事が可能になります。

BLOGと書かれた木材

また、ブログをどんどん更新していくとどうしても画像等のファイルが増えていきサイト全体のファイルサイズも大きくなってしまという問題が発生します。
そうなるとサーバーの容量も大きいプランを選ばないといけなくなりますので年間の維持費も割高になってしまいます。
日頃からマメに画像ファイルのサイズの最適化を行う事は自身のサイト運営の助けにもなります。

■ 圧縮:
https://www.iloveimg.com/ja/compress-image

下記の様なサイトを利用する事で画像の縦横の幅を変更する事が可能になります。
私の場合は基本的にはPhotoshopを使用して、レタッチのついでに画像の表示サイズの方も最適化をしてしまう場合が多いのですが、そういったソフトを持っていないという方であれば下記の様なサイトを利用しましょう。

■ サイズ変更
・jpg用:
https://www.iloveimg.com/ja/resize-image/resize-jpg
・png用:
https://www.iloveimg.com/ja/resize-image/resize-png
・gif用:
https://www.iloveimg.com/ja/resize-image/resize-gif

では今回はここまでにします。
また50記事を達成した際にも色々と経過などについて発表をさせていただきます。
それでは(´・ω・`)ノ

関連記事

デジタルなイメージ

web業界のひとつであるSEO対策会社で働いてみた

髪を触る女性

自宅で縮毛強制をするメリットについて

デジタルなイメージと地球の絵

web業界で働いてみて良かった点・悪い点

クランキー あげパン の箱

クランキー<あげパン>を食べてみた

炙り焼豚の極太つけ麺のパッケージ

ファミマのつけ麺 炙り焼豚の極太つけ麺

カラフルな色

美大・芸大ってどんな所?

ふっくらバーガー

山崎製パン株式会社 ふっくらバーガー(完熟トマト風味ソース&マヨネーズ)

ソースコード

Jqueryについての超簡単な説明

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です