最新記事 ―毎日更新中!―

生瓶ブログへようこそ!

ありがとうございます!ギャランと申します。
長州生まれ近江育ちの36歳。

ブログとラップで意思表示。
2回結婚をして3児のパパ。
博奕に失敗して多重債務者→個人再生後返済中。

本業はWeb Shopを6店舗運営。
最近アリババに着手。

好きな言葉は【エコヒイキ】
座右の銘は【カワイイは正義】
30代の野郎が比較するのにちょうどいい男。
ギャランの署名サイン
ギャランのツイッターフォローボタン

生瓶ブログの公式携帯電話番号-ギャランへ直通で連絡する。

TikTokCode Gyalanマイページ

YouTube-Gyalan Official Channel-

Gyalan Official Youtube Channel

ブログの設計図 考え方・収益化

SEO対策としてブログ画像にalt属性とtitle属性を使い分けて設定する。

2020-10-16

雑記ブログサイトの設計として細部までこだわる。

たかが画像、されど画像。
自分のサイトを検索上位表示に押し上げる為に出来る対策は全て行なう。

僕の目標は、「ギャラン」という名で検索上位に立つことだ。

GYALAN これが僕の名前とブログの継続意義
僕の名前はギャラン 検索ライバルは三菱の名車です。

ギャランと検索して上位表示させたい。 世界最大の検索エンジンGoogle様で自分の名前を調べたときに、どうしても一番になりたいのだ。 しかし、あいにく僕の名前には超強敵が立ち構えている。 そうあいつだ ...

続きを見る

今回いう細部とは、画像のalt属性とtitle属性。

自分のサイトで狙っているキーワードを検索エンジンの「画像」で調べてみる。

検索結果としては確かに表示されますが、「コレジャナイ」わけ。

原因はそれぞれの属性を設定していない事に他ならない。
結果、ユーザビリティが低いと判断されても返す言葉は無い。

検索結果に不要な情報や画像が表示される事はユーザーファーストなサイト作りから逸脱している。

本当は近しい内容や画像がサイト内にあるのに表示されるのは別ページや別画像。
こんなに勿体無い事もないだろう。

なによりもこんなwebサイトは理屈抜きに美しくない。

ギャラン

あとでやる。

こんな考えを捨てて都度取り組んでいくのが定石である。

溜まった仕事をあとで処理していくのは思いのほか大変だ。
「がてら」に物事を進めていくことで効率は激変する事だろう。

いくらクリエイティブな事を行なっていたとしても。
少し頭を働かさなければいけない事であったとしても。

決まった手順で行なっていくのであればそれは全て「作業」なのである。

この作業効率を上げながら、時間対効果を最大限に高める事が成功への近道だ。

・・・・と。

偉そうなことを並べたてておりますが。

ギャラン

やってなかったんだよ!

僕が言うこの単純作業を。

今回の場合は、やる事いっぱいあるわ!ありすぎるわ!
とかではなくて、これまでやってこなかったツケ。

早めに気がつけて良かったと考えるのが正解。
作業していきましょうや。

画像のtitle属性とalt属性について理解しておく。

掲載する画像のtitle属性とalt属性のメリットとして挙げられる事。

  • 閲覧時に画像が表示されなかった場合、altで記述したテキストが代替表示される。
  • altで設定したテキストが、リンク時にアンカーテキストとして扱われる。
  • 画像検索時に適切に表示される可能性が増える。

title属性とalt属性の違い

両者の違いは大きく言えばこんなところだと思う。

マウスオンした時にコメントチップ(吹き出し)で表示されるのがtitle属性
=ユーザーに対する画像の補足説明になるという事。

検索エンジンのクローラーに画像内容を伝える事が出来るのがalt属性

両方を適切に設定する事で、ユーザーにもクローラーにも効果を発揮していく。

記述の仕方はいずれも、キーワードを詰め込みすぎず、簡潔にまとめる事。
だけどさ。マウスオンでコメントチップっているか?

画像に触れるだけでいちいち表示されるのは僕的には美しくない。

リンクを促したりする際に意図的に表示させるのはいいか・・・。
そうだな。こういう場面の時に使うといいな。
クリック誘導するために使うのは一つの手だ。

ユーザー目線で考えても、画像はあくまで視覚的に訴えるもの。
title属性は今考えるところ要らないかな。

  • 万が一画像が何らかの不具合で表示されない場合はalt属性に記述したテキストが表示される。
  • 音声ブラウザでチェックした際に流れるのもalt属性。
  • それにクローラーが認識するのもalt属性なんだろ。

ユーザーにもSEO対策的にも重視するべきはalt属性の設定だな。

過去画像からalt属性を記述していく。

ギャラン

さぁやるぞ!

ってなったものの本記事で119記事目。
結構な数の画像を既に登録している。

記事のリライトがてらに修正するかどうか・・・。

とりあえずワードプレスのメディアファイルを開いてみる。
設定画面はこんな感じ。

ワードプレスのメディア画像設定画面

画像投稿時にはタイトル欄へ、画像パス(○○.jpg)の○○部分が自動で記述される。

だけど今回の施策では前述の通り、title属性は指定しないと決めている。

そうなれば今は要らないな。
削除しよう。
次に代替テキスト指定していく。

「炒飯に醤油をひと回し」これでいい。
※見えてないけど、チャーハンの調理中に醤油を垂らした画像だ。

自動保存されるので作業は超簡単。
上部の>を押せば、保存され設定完了。次の画像へ移動する。

ギャラン

めっちゃ楽やな。

全記事オリジナル画像で全て自分自身で吟味し選んできたものだ。
設定画面の左に表示される画像を見れば、その時の事が思い出せる。

この状況であれば、画像内容の説明を簡潔にまとめるのなんて楽勝だ。

alt属性の設定作業は記事やページ単位で変更せずに画像単位で対応が可能。

この方が圧倒的に作業効率が良い。

過去のからでもいいけど、今回は直近の画像から精査し設定していこうと思います。

title属性に必要性を感じた際は設定していこうかな。
今はその時ではない。

ましてや、alt属性とtitle属性については似て非なるもの
同日に設定するようなものでもないだろ。

必要に迫られた時は、先に設定していalt属性を見ながらゆっくり考えるわ。

自分が動くことによってどれだけの賃金が発生するのか。
ブログにおいては、収益を発生させたり、成果を出させるのは全て自分。

常に時間帯効果を意識しながら運営していく事が大切だ。

無駄な事なんて何もないともいうけれど、無駄なものを見極めるのも大切だ。

alt属性を設定していない忘れんぼさん。
面倒くさくてやっていないズボラさん。

記述は思いのほかスムーズに進行出来そうですよ。

初期設定はその名の通り最初に済ましておくべき。

ワードプレスのメディアなんで一緒だと思うけど、テーマによって違うかも。
ちなみに僕が使用しているワードプレステーマはアフィンガー5

コクーンなどのお世話になった事もあるけど、今メインでお世話になっているブログテーマ。
個人的には使いやすくて気に入っている。

設定を同じにすれば、ギャランの生瓶ブログの外観は一日で完成するだろう。
宜しければ公式ページを参考下さいまし。

WordPressテーマ 「WING(AFFINGER5)」

あとで変えると、レイアウト崩れの修正など、細々とやる事がたくさん出てくるよ。
テーマ変更は早めを推奨しております。

過去や会社から依頼されて別テーマで作ったサイトなんかもアフィンガー5で統一したい。
だけど、今更言えないわ。

ギャラン

僕のブログイイ感じでしょ!
アフィンガー5っていうテーマですわ。
有料ですが優良でしょ!

絶対言えない。
クライアント様(知人の会社やお友達ね)ごめんなさい。

何が言いたいかって?

取り決めは最初にある程度しておくのが楽って事。

間違いに気がついたら修正すればいいだけだけど、大掛かりなのは骨が折れる。

alt属性の記述もさ。
いくら楽勝だって言っても、都度やっておけばよかったわ。

ワードプレステーマもそう。
カテゴリー分けもそう。
はじめにやる事リストにまとめ実装しておくべきだよ。

もう一度言っておく。

  • 何度でも修正は効く。
  • だけど修正は、面倒くさい。
  • なので最初に決めるべきは決める。
  • ミスっても修正はいつでもできる。

では初期設定はいつやるの?

オススメはやっぱアフィンガー5。
アフィリエイターじゃなくてもブロガーにもおすすめ。
カッコいいだろ。僕のサイト。
ちなみにアフィンガー5のJETっていう子テーマを使っています。是非どうぞ!
ギャランでした。

WordPressテーマ 「WING(AFFINGER5)」

本記事の執筆者は私、ギャランです。

言わずと知れた芸能人より芸能人。
中学受験・高校留年・就職・起業・出戻・結婚・離婚・再婚・愛娘の死・個人民事再生・不妊治療etc...
経験してから我がを知る。
バカは死ななきゃ直らない。なってみやがれこのバカに。
『パパの子どもで良かったな!』
いつまでもこう言われ続ける親父を目指しています。
オリジナルレイクスタとは僕の事。

ギャランのツイッターフォローボタン

生瓶ブログの公式携帯電話番号-ギャランへ直通で連絡する。

TikTokCode Gyalanマイページ

ギャラン公式Youtubeのチャンネル登録

Gyalan Official Youtube Channel

最新記事 ―毎日更新中!―

 

2021年度最新版ポイ活ランキング

【オススメ度1位】 モッピー/moppy
 ☆☆☆☆☆

ポイ活のモッピー簡単無料登録

株式会社セレスが運営している大手ポイントサイト【モッピー/moppy
2014年に東京証券取引所マザーズに上場。2016年には、東京証券取引所第一部へ市場変更をし成長を続けている。
ポイントの交換先も、現金への対応はもちろん、Paypalやギフト券、企業発行のポイント(楽天・ワオン、ナナコ・LINE)など豊富にそろえている。
実は『稼いだポイントは何に使えるのか?』というのがポイントサイトの大切なところ。
サイト内でしか消費できないような半端なサービスは行なっていない優良サイト。
ネットで『節約・副業ができるサービスです』のキャッチコピーに嘘は無し。
1日10分からできる『ポイ活』です。

moppy/モッピーの無料登録

【オススメ度2位】げん玉/Gendama
 ☆☆☆☆★

ポイ活のげん玉簡単無料登録

アメブロ等で有名なサイバーエージェントの元マネージャーである菊池氏が代表取締役社長となり2005年に設立した株式会社リアルワールドが運営するクラウドメディア【げん玉/Gendama
創業時から『ネットからリアルへ』というミッションを掲げており、サービスは同年『使って貯める』の名の下に開始された。
2014年に東京証券取引所マザーズ市場に株式を上場した後も、吸収合併を重ねながら成長を続けている。
代表からのメッセージ『本当に社会に必要とされる企業だけが成長し続ける、と思っています。』という言葉に熱き情熱を感じるのは私だけではないだろう。
社長ブログでは経営判断や意思決定の背景を発信しており考え方の一部を伺い知れます。
社内の様子も発信されているので『顔の見えない』怪しい印象は皆無。
使いやすいプラットフォームからも、関わる人を大切にする想いが感じられます。

Gendama/げん玉の無料登録

【オススメ度3位】ECナビ/EC Navi
 ☆☆☆★★

ポイ活のECナビ簡単無料登録

日本最大手(世界規模では第5位)の広告代理店 電通とも深い関わりを持つVOYAGE GROUPの傘下である株式会社VOYAGE MARKETINGが運営する大手ポイントサイト【ECナビ/EC Navi
2014年に東京証券取引所マザーズ市場へ上場を果たしたグループの経営理念の根底には『360°スゴイ』という熱い想いが込められている。
日本記念日協会が7月1日を「ポイ活の日」と認定したが、2004年7月に同社がサービスを開始した事に由来している。
歴史のある老舗にふさわしく、利用者数は日本最大級。
案件も、踏み込みにくいクレジットカードなどの発行や登録だけではなく、楽天やアマゾンといったECショッピングサイトを利用した日常の買い物や、アンケートへの回答だけでもポイントを貯める事ができる。
貯まったポイントは300円分から交換して利用が可能というハードルの低さはユーザーにとっては非常にありがたい。
「毎日貯まるポイントサイト」とのキャッチコピーであるが、換金額の低さからも「毎日使えるポイントサイト」といっても過言ではない。

ECナビの無料登録

© 2021 生もいいけど瓶ビール