Point雰囲気と感覚でつくるアイキャッチの作り方ブログのアイキャッチをどうやって作っているかの解説であって、効果があがるとかクリック率が高いとかそういうのじゃないです。私がどうやってアイキャッチを作っているかの解説記事です。肩の力を抜いて、こういうやつもいるのかという感覚で読んでいただけると幸いです。正しさを求めると間違いが怖くなるじゃないですか。#125アイキャッチフォトショップブログのアイキャッチ(OGP画像)の作り方の流れブログを書いたらTwitterやSNSで投稿します。その時に画像を表示させるためにOGP画像を作るわけですが、今回はそのOGP画像の作り方を紹介します。OGPとはなんぞやというかたにはこちらOGPタグの作り方とTwitterカードの設定方法の記事です。OGP設定をしてSNSからの流入とCTRを改善するOGP設定をしてないとTwitterやFacebookなどでシェアしてもらうときにしょぼいテキストしか表示されないので、ここをしっかり設定することがSNSからの流入を増やす必須項目です。最初にあやまっておくと、アイキャッチの作り方のコツとかクリック率が高いアイキャッチの作り方とかではなくて、「私はこうやってます」という、ただただそういう紹介です。675pxで作っているので、結構大きいんですよね。イラストとか描けないので、写真で背景埋めて、文字をバーンとのせてそれっぽい雰囲気をだしています。背景に使う写真も、フリー素材使うのが一般的だと思うんですけど、私趣味で写真撮ってまして、それをもとにいつも作ってます。ライトルームから写真選定7万枚くらい写真がありまして、JPGとRAWで同じ写真が2枚くらいあるので3万枚くらいあります。写真撮って、SNSとかにUPしたり、ちょこちょこ印刷したりはするんですけど、使い道がなくてもったいないなぁということで、アイキャッチに使っていると。撮りたいもの撮っているだけなので、アイキャッチ用の写真ってわけじゃないんですけど、アイキャッチの背景画像なんてだれも気にしないでしょ?という精神でなんとなく使っています。いえ、誰にも伝わらない程度に関連性のある画像を選んでいるわけです。前回書いた、GTMの始め方というアイキャッチはこれ。ある、ハーブガーデンの入り口の写真です。いうわけでこの写真にしたと。色味はGoogleのロゴを参考に、GTMという略称があるので、それを暗喩するために最初の文字を大きく縦書に。したらほかの文字が入らなくなったので、右側の文字も縦書になったと。安くて、すんごい大きい公園なので家族で一日遊べる楽しい公園です。家族で遊びにいきました。レンタサイクルを活用して園内を巡り、ポピーやネモフィラの花をを楽しみつつ、遊具で遊び、ブルペンでキャッチボールをして丸一日遊んできました!サイト内リンク:https://www.start-point.net/blog/todouhuken/saitama/shinrin_park/カノニカルタグの説明のアイキャッチちょっと前にUPしたURLの正規化「カノニカルタグ」の説明のアイキャッチはこれ。カノニカルタグのアイキャッチ文字がかぶっててよくわからないので文字を外すとこんな画像です。羊飼いと牧羊犬なんでこんな画像を選んだかと言いますと、URLの正規化って、正しいURLに導くってことじゃないですか。なんで、「羊を柵に追い込むが如く」という意味でこの画像にしました。文字が多いからなんでも良かったんですけどね。観光牧場のような観光施設で、有料だけどおもしろいアトラクションや、動物がいるので家族連れにオススメの観光スポットです。茨城県にある「イバライド」にあそびに行ってきました。無料WEBクーポンがあったので入園無料!園内には無料で楽しめる動物と触れ合える牧場施設や、有料で楽しめるゴーカートやアスレチックなどがあります。子供と一日遊べるのどかなテーマパークです。サイト内リンク:https://www.start-point.net/blog/todouhuken/ibaraki/ibaraido/オライリーの書籍をリスペクトWEBカテゴリのアイキャッチこのBLOGにWEB制作というカテゴリがありまして、その子カテゴリにジャンルごとのカテゴリをもうけているんですけど、それは動物をあしらったアイキャッチにしています。画像が7枚くらいあるので、絵本風に仕上げてみました。めくってご覧いただけます。pageカテゴリページなんてほとんど見られないから適当でいいか、というクオリティになっていることは否定しない。洋書の技術書なんですけど、結構高くて、言い回しがちょっと難しかったりするので愛読書ってわけじゃないんですよ。このPerlのラクダが記憶の奥底にこびりついていて、そこから着想を得たと。適当に作っているように見えて、理由はあったりすると。何も考えないで使っている写真もいっぱいありますけどね。アイキャッチを作るときに心がけていること写真の選定理由はこんな感じで作っているんですけど、最近心がけていることは「文字を目立たせる」こと。写真はほんと、ほとんど見られないし気にもされない前提なんですが、文字は別。ここがメインで、これが読めないと意味がないと思って作っています。加えて、OGP画像を縮小したものを、サイト内のサムネイルにもつかっているので、縮小しても読める、可読性を確保したもので作るようにしています。Photoshopフォトショップでいつもアイキャッチを作っています。作り方というより流れを簡単に説明しましょう!文字を置くタイトルを短くわかりやすいものにして、バランスをとりつつ可能な限り大きく配置。読んでもらうことが目的レイヤースタイルでごまかすフォトショップの力を生かして、手間をかけずにアイキャッチっぽい文字を作ります。最近の私の中の流行りが、「ベベルとエンボス」「境界線×2」「グラデーション」の3つです。ベベルとエンボスのかけ具合もその時の気分によって、ツヤテカにしたり、ちょっと丸っぽいのにしたりと。可読性には気を使います色味は写真の色にかぶらないように、可読性が良いように、写真の反対色にすることが多いです。文字位置とカーニングを調整して完成レイヤースタイルが入ると、字詰め(カーニング)が変わるので、文字を見ながら調整します。字詰めは自分が気持ちいいを基準にセンタリングしたり、縦位置を調整して完成です!フォトショップ万歳!難しいことはわかんないから自分の好みで自分のブログのアイキャッチとか、誰に怒られるでもないから、好きなように作るのが一番楽しいわけですよね。目的は集客だったり誘導だったりなので、そこはずらしちゃいけないけど、誰かに教わってその通りに作るとか違うと思うんですよ。現代人はとかく答えを求めすぎる。正解なんてないものに対して、誰かにこれが正しいものだ!と言われると右へならえですぐマネしたがるじゃないですか。いう風潮に一石を投じたいわけですよ。これぐらい適用に作ってもいいんだぞ、と!目的がなんなのかさえはっきりしてればアプローチの方法はいろいろあるんだと。3Bの法則なんてしるか!と。うまくいかないとか、どうやればいいのかとか悩んだときに、ちゃんとやろう、正しくやろう、という考え方ばっかりだと疲れちゃうじゃないですか。いうときは、自分がやりたいように、好きなように、わがままにふるまえる場所があるといいですよ。自分のWEBサイトとか。参考にならないアイキャッチの作り方でした。次の記事はこちらブログのアクセスアップに欠かせないSEO的リンク構造の考え方SEOのリンク構造を効果的に作るための情報をまとめました。可能な限り情報の出どころのリンクも用意しております。2020年01月31日GTMを使ってイベント計測を簡単に行う方法グーグルタグマネージャーを使ってイベントトラッキングを計測する方法の手順を解説。鳥好きWEB制作とWEBマーケティングをやってきました。PHPとMysqlを使って面白いことをやりたいと模索中です。【初心者向け】PHPを使った漢字クイズの作り方を解説します。1回目はGETとPOSTの簡単な解説から実際に使うPHPの紹介です。PHPの良いところは難しいと思われていることPHPって人が思っているほど難しくなく、便利でいろいろな面白いものを作れるプログラミング言語です。制作できるものの幅が広がって色々な仕組みを理解できます14年間使ったロリポップのライトプランからスタンダードプランへ変更14年間使っていたロリポップのライトプラン(月額250円)からスタンダードプランへランクアップしてみました。レスポンスの取れるバナーの作り方の考え方バナーを作るときに大事にしている考え方を説明しています。テクニック的なことはあまり書かれていませんが、それ以前の話です。bookblock本をめくるようなモーションを実現するbookblock.jsを改造してレスポンシブ対応にしてみました。ブログアクセスランキングBluetoothイヤホンのペアリング方法とリダイヤル防止策Bluetoothイヤホンのペアリング方法やリモコンの操作方法、リダイヤルの防止策を画像入りで解説します。3.1のレイアウトをデフォルトの状態から、自分好みのレイアウト設定に変更する方法を写真付きで紹介しています。耳にフィットするイヤーピースを探して、いろいろ検討した結果、SONYのEP-TC50Mを購入しました。ネットワークオーディオを使わずにPCの音楽を再生する方法パソコンに取り込んだ音楽をせっかくならCDコンポから再生したいと思ったことありませんか?AUXを使った外部接続の方法の紹介です。α7IIIで運動会に初参戦!ズームレンズ1本でも楽しめる!子供の運動会にα7IIIで初参戦!望遠レンズを買おうか迷ったのですが、本体とセットのズームレンズ1本で運動会を撮影してきました。鳥好きWEB制作とWEBマーケティングをやってきました。PHPとMysqlを使って面白いことをやりたいと模索中です。