bdesignでWebサイトをご依頼いただいた方へのフォローアップ講習。無料でインストールできる「画像編集ソフトGIMP使い方講習会」を実施いたしました。こちらの記事では2020年4月11日に開催した内容を一部公開しております。

SNS講習会は必要な方に必要なタイミングで、ZoomまたはSkypeを使用し、30分程度(準備等含め60分)でご自身でできなかった箇所をピックアップしながら使い方をマスターしていただく講習内容となっています。

無料画像編集ソフトGIMPのインストール方法

制作時にはAdobeのPhotoshopを使用して画像編集・加工を行っておりますが、実際にWebサイトを運営される店舗・企業・個人様が同じソフトをお持ちでない場合が多くあります

そのため、同じように編集作業ができ、WindowsやMacintoshどちらのOSにも無料でインストールできる画像編集ソフト「GIMP」の導入をご案内しております

使い方になれるまで少し大変ですが
慣れてしまえば画像の合成やサイズ変換・画像と文字の調整など細かく編集できるので、パソコンをお持ちで、尚且つ投稿記事等のクオリティを磨きたい方におすすめです

限られた時間の中でできないことができるようになるために、GIMP使い方講習会の前にご自身でパソコンの種類に応じて無料ソフトを事前にインストール&少し触っていただくことをお願いしております

ご希望の方には投稿用のレイアウトが完了した編集データファイルをお渡ししております※受講者様のレベルに応じてデータ内容を変更しております

GIMPインストール方法はこちらをご参照ください
初心者でもできる画像編集+加工
“GIMPの最新版をダウンロードしよう【初心者ナビ】”

新しく画像をつくる

まずは作りたい画像サイズを決めましょう。Webなどに掲載する画像はMax1200px程度がお勧めです。縦横幅などを決定し、投稿画像は同じサイズで掲載することでレイアウトを美しく表示することができます。

新しい画像の作成

①画像の枠をつくる

GIMPソフトを立ち上げ、上部メニューバーの「ファイル」>「新しい画像の作成」をクリック

②画像サイズと解像度を指定する

「新しい画像の作成」をクリックしたら上記のような画像が表示されるので
作りたいサイズの横幅・縦幅を赤枠に入力

「詳細設定」の箇所に水平/垂直解像度の入力枠が表示されるので
Web用画像なら72:72もしくは144:144の数値を黒枠入れます
基本的に水平/垂直は同じ数値を入力してください

①画像の枠をつくる

GIMPソフトを立ち上げ、上部メニューバーの「ファイル」>「新しい画像の作成」をクリック

この枠内で写真を追加して配置し、保存することで簡単に縦横比を固定した画像を掲載することができます。

枠の中に写真を配置する

①写真を追加する

作成した枠の中に取り込みたい写真をドラッグ(選択して入れる)

②選択ツールで場所を決定する

矢印がクロスしたアイコンをツールボックスより選択
「選択」アイコンを選択した状態で、先ほど追加した画像の位置を調整する

③中央に配置したい場合はガイドラインを利用する

メモリはデフォルトの場合25px間隔で表示されているので、制作した縦横幅÷2の数値の箇所にガイドを設置します

赤い上・左部分の定規箇所からマウスをドラックするとガイドラインをひくことができます※ガイドラインとは:保存する際には表示されない、配置等する際の目安として利用できる線

今回の講習会で使用した画像と投稿記事をご紹介

投稿見本

例(W1200×H752px)
投稿見本ページ：フットケアサロン花ゆかり 様

上記のページのように複数の画像を投稿する際
全てを同じサイズで統一して加工・ロゴ掲載・リンク掲載することにより
統一性の取れた記事を制作することが可能です

同じような投稿を実施する場合、画像サイズや画像デザインの一定のルールを決め
統一性のある画像を掲載することでユーザーからも見やすく、安定し、信頼したサイトだと印象付けることができます

SNS講習会は必要な方に必要なタイミングで
ZoomまたはSkypeを使用し、30分程度(準備等含め60分)で
ご自身でできなかった箇所をピックアップしながら
使い方をマスターしていただく講習内容となっています

アメブロのプロフィール設定

ついつい記事更新を頑張ってしまいがちですが
使い始めの段階でまずプロフィール設定を行うことを推奨しています

ブログ記事を読んでくれた方が、投稿者に興味をもってくれた時
かなりの確率で訪れてくれるのがプロフィール

プロフィール画像はもちろんですが
パソコン・スマホともに表示されるカバー画像の設定について
まずは掲載していきます

アメブロのプロフィール画像

この時見えなくなる箇所を意識して
中央に表示したい被写体を配置するのがポイントです

サロンや会社、店舗の方のビジネス用アカウントであれば
ロゴマークがおすすめ

SNSでの発信をすでに行っている方は
ぜひ統一したプロフィール画像・アイコンを使用してみてください

なるべくインパクトがあり
覚えてもらいやすい画像がおすすめ

個人事情主やフリーランスの方など
自分を売りにしているかたはやはり顔のわかる写真がおすすめです

顔出しNGのかたでもSNSでの統一性と
インパクト(背景がごちゃごちゃしていない・見せたいものが明確に表示・ピントがあっている)を意識して
写真を選んでいただくと良いと思います

なかなか良い写真・ロゴがない…方はbdesignにご依頼ください

【写真加工・・・背景切り抜き/ぼかし・色調補正・美肌加工等】 1枚5,000円〜

【写真撮影・・・出張撮影可能、ついでに店舗や施術中の様子】 30枚30,000円〜

【ロゴ制作・・・オーダーメイド名刺にてご依頼 印刷・特殊オプションあり】 100枚30,000円〜

【ロゴデータ利用・・・制作したロゴを名刺以外の場所で使う】
Web用72dpi jpg/png 1画像 5,000円〜
セルフプリント用150dpi jpg/png 1画像 15,000円〜
他業者様ご利用用300dpi jpg/png/eps 1画像 35,000円〜

アメブロのカバー画像

スマホの場合PC表示サイズから左右がカットされるため
スマホ表示サイズに合わせて作成することをお勧めします!!

PCサイズに合わせるとかなり横長ですが
スマホユーザーを意識して、中央に表示したいものを配置すれば安心です

選ぶ画像は、ビジネス活用の場合ご自身のビジネスがひと目で伝わるもの
のちにブログヘッダー画像のご案内もいたしますが

プロフィールのカバー画像もPRとしてはかなり使える要素になるので
カメラマンの人はカメラ
サロンの人は施術イメージ
お店の人は取り扱い商品など

この人は何をしているんだろう？の疑問を
一瞬で解決するものを是非お選びください!!

アメブロのヘッダー画像

ついでにご自身でヘッダー画像を設定したい方は
少しcssコードを編集・追記することで設置することが可能です

/* ヘッダーの背景色とヘッダー画像を設定 */
.skin-bgHeader {
background: no-repeat scroll center;
background-color: 【背景色】;
background-image: url(ここに画像リンク);
}
/* ヘッダーの横幅を設定 */
.skin-bgHeader [data-uranus-layout=”headerInner”] {
width: 1120px;
}
/* ヘッダーの高さを設定 */
.skin-bgHeader [data-uranus-layout=”headerInner”]>a {
height: 画像高さ数字半角px;
}
/* ブログタイトルと説明文を非表示 */
.skin-headerTitle {
display: none;
}

ここでは簡単にご案内させていただきましたが
もしご自分では難しい,,,という方はアメブロカスタマイズの依頼も可能です

アメブロの画像デザイン&カスタマイズ

ビジネスに利用される方は、Webサイトや他のSNSに負けないくらい
アメブロのヘッダー画像・プロフィール画像・プロフィールカバー画像の
カスタマイズをおすすめします

プロに頼んでより伝わる画像と
PCのヘッダー画像下にあるメニューボタンの設置(5個以内)を代行制作させてただきます

受注状況によりお待たせする場合もございますので
直接納期などご確認ください

”ネット活用”情報

会社経営者・事業主のみなさま
日々の業務に追われてインターネット上での営業活動は進んでいますか？

“今忙しいから”
“今仕事入ってきてるから”
“直接営業するから”

そんなことを言ってネット上での告知や更新をサボったら…
数年先の仕事を失ってしまうかもしれません
[自分に言い聞かせています笑]

なぜインターネット上で情報を更新するのか？

今こなしている仕事はその場の出来事
その痕跡をご自身のサイトに残しておけば将来あなたの会社を救ってくれます!!

この会社こんなことやってる…
じゃあこの案件依頼しても大丈夫そう…
いろんな実績もあるからしっかり仕事してくれそう…

SNS(FacebookやInstagram、Twitter)や無料ブログ(Amberブログ)でも良いので
とにかく今、会社が進めていることをしっかりと残しておいてください!!

実は…裏話

固有のドメイン(インターネットアドレス)のWebサイトを日々更新するのが最も有効な手段なのですが…
インターネット検索で自分のWebサイトが上位表示されるため
ご自分の負担にならず、長く・細かく投稿できるものをお勧めします
SNSの場合は特定のユーザーしか目にしないため一つに頼らず更新しましょう

おすすめ楽々更新

ちなみにbdesignでは

• Facebook
• Instagram
• Twitter
• Amberブログ

を連動し一つの投稿で全てを更新する形をとっています

そしてWebサイトやブログを更新したら、それをSNSで情報発信することで投稿を見てもらう確率をアップするようにしています

こんな連動設定が苦手な方はサポートさせていただきますので気軽に相談してみてください

bdesignへのお問い合わせフォーム

＊bdesign(びーデザイン)は広島のデザインとWeb制作事務所ですが、全国のご依頼に対応可能です
＊受注順に対応しておりますのでお時間をいただく場合がございます

＊個人的な見解ですので、やり方や考え方などはご自身の状況に合わせて変更してくださいね

ブログって何を書けばいい？

アフリエイトやお店の集客ブログを始められた方によくされる質問です

「何を書けばいい？」 答えは、、、なんでも！！

ブログは日夜更新し
自分のサイトにボリュームを出すことを第一目標に
取り組むべきです!!

ネタに困って書けない場合は
ネタの内容など気にせず
まず書き進めることをお勧めします!!

ボリュームのないブログに価値は、、、
ないこともありませんが
サーバー代やドメイン代など維持費がかかっている場合
「運用」できているとは残念ながら言えません

Webサイトに内蔵されているブログ更新作業には
個人事業主ならまず取り組んで欲しいと思います

理想は基本となるカテゴリ・ジャンルを決めて
枝付していく(関連のある記事を投稿していく)方法が
おすすめなのですが
まず

10記事程度

書くことからはじめて
方向性を決めても良いかと思います

*お店や会社のブログの場合お仕事絡みのネタを中心に
このサイト・ブログは何の情報を主に載せているのか？
割合を考えながら投稿するのがオススメ

STEP1 ブログを1記事投稿してみる

ネタの意味など気にせず
まずは自分が書けることを1つ書くことが第一歩です!!

1つ書くと、、、

「疑問」

「改良点」

「次のネタ」

自然と浮かんできます

書くことはできたけど2つ目が浮かばないとお悩みの方!!
その1つ出来上がったブログネタを
家族や知人に見てもらってください

自分の書くブログを読んでもらうのに抵抗がある方は
飛ばしてSTEP2へ

そして感想をもらえば
次への創作意欲が湧いてくるはず！！
見てもらうというプレッシャーを自分に課すことで
さらに良いものが書けることも!!

SNSなどで投稿した記事のリンクを紹介

自分で紹介してブログへアクセスしてもらう方法がオススメ◎
最近は連動などの機能もありますが
自身のブログへ誘導する活用法がベスト!!

1アクセスでもご自分のサイトへ確保することが
営業や収益に繋がります
SNSでどれだけリアクションがもらえても
自分を知らない誰かへの営業はやはり
独自ドメインのブログでの集客が1番の近道です

STEP2 自分のブログ読者になってみる

書いた次の段階は
自分のブログの閲覧者になって
客観的に文章を読んでみてください!!

自分の価値観で主観的に読む時には
気づかなかった箇所が見えてきます

時にはディバイスを変えて
PCで書いたブログをスマホで開いて見てください

または職場のパソコン・知人のタブレット・ネットカフェ…
場所や環境を変えるとなお
色んなことが見えてきます

ブログを読むポイント

頭を空っぽにして
初めてこの記事を読む!という気持ちで
読んでみてください

*すぐに修正したくなる箇所が見つかるはずです
修正したい箇所を書き留めながら最後まで読むのがオススメです

STEP3 他の人のブログ読者になってみる

書いたネタと同じような記事を書いている人
いますよね

同ネタの別の角度から捉えた
ブログを読むことで
自身のブログに足りなかった事実に気づきます

違った意見や新事実のあるブログURLを
リンクで紹介すると
自身のブログに厚みがでますね

アフリエイター初心者さんへのアドバイス

リンク先で同じ広告を踏まれないように
自身のブログ利害を考えながら
他記事を紹介しましょう

”まとめ”などを作ってアクセス数を
確保する方法もありますが
自身の記事が”まとめ”で紹介される方が
収益には繋がりやすいです

*一つのブログ記事をわかりやすく・濃く
投稿から時間が経ってからも追記等でより良い記事にしてみましょう

まとめ

以上簡単３STEPでブログを書いてみてください
まずは

何かを書いて

創り出し

世の中に出す

これを実践してみてください

SNSで投稿してるから同じ感覚で…
でも構いません
実際に始めてみると全然違うのですが
初めの１歩を踏み出す(10記事書く)
ことが大切です

もちろんそれを読んでもらうことも!!

「何を書こう？」と悩んでいたあなたに
ブログを書き始めるきっかけになれば嬉しく思います

お仕事としてブログ投稿が必要な方で
この記事を読んでも
「やっぱり書けない」でも
「ブログを仕事と繋げたい!!」
という前向きな方は
お気軽にbdesign(びーデザイン)竹内まで
お問い合わせください

またお仕事ブログを無料ブログでされている方!!
独自ドメインのHP連動ブログへのお乗り換えもサポートしています

メールでの簡単なアドバイスは無料!!
その際にはすでに運営されているブログのアドレスを
お知らせくださいね

bdesignへのお問い合わせフォーム

＊個人的な見解ですので、やり方や考え方などはご自身の状況に合わせて変更してくださいね

ブログ画像はどうやって準備するの？

大きく分けて2つの方法があります

① 自分or自分以外でカメラ等で撮影し使用する

② 画像のフリー配布サイトを利用する

どちらにも注意しなければならないことがあります!
特にアフリエイトやお店の宣伝など、
商用利用目的のブログに掲載する画像は
訴えられたり…
削除を求められたり…
してしまう可能性が出てきますので慎重に選ばなければなりません!!

ブログの画像選びは慎重に行うことをおすすめしますが、
ポイントを押さえておけばネットやブログ、お店の宣伝に使う画像も
幅広く活用できるので是非実践してみてください!!

①自分で準備した画像を使用する際のポイント

＊オリジナルの画像なので、同じものを掲載している人がほぼいないですよね?その点からGoogleなどからの評価があがりやすいため、検索順位を気にされる方はこの方法をおすすめします

■ 勝手に人を撮影・掲載しない

肖像権（しょうぞうけん）とは、肖像（容姿やその画像など）に帰属される人権のこと。大きく分けると人格権と財産権に分けられる。プライバシー権の一部として位置づけられるものであるが、マスメディアとの関係から肖像権に関する議論のみが独立して発展した経緯がある。- Wikipedia

• 撮影する時に人物が映る場合、その人の許可をもらってから撮影・掲載するようにしてください
• 人物が特定できない程度の映り込みの場合は許可の必要がない場合もあります
• 許可がとれない場合は画像編集ソフトなどでモザイク等をかけてから掲載しましょう

■ 芸能人の名前や画像を気軽に使わない

パブリシティ権（パブリシティけん、英: right of publicity）またはパブリシティの権利は、人に備わっている、顧客吸引力を中核とする経済的な価値（パブリシティ価値）を保護する権利を言う。　- Wikipedia

• 芸能人や有名人など、その人の氏名や写真等に商業的な価値がある場合、それを意図的に利用し、自分の営利目的でSNS等に掲載すると訴えられる可能性がありますので注意してください

■ 人の創造物(絵・写真)を勝手に撮影・使用しない

著作権（ちょさくけん）はコピーライト（英語: copyright）とも呼ばれ、言語、音楽、絵画、建築、図形、映画、写真、コンピュータプログラムなどの表現形式によって自らの思想・感情を創作的に表現した著作物を排他的に支配する財産的な権利である。
著作権 – Wikipedia

• 誰かの著作物を無断で撮影・掲載することは避けましょう
• カメラ等で撮影した写真もシャッターを押した人に著作権がありますので、譲渡された場合でも掲載する場合は著作者に許可をもらいましょう

②フリー画像を使用する際のポイント

＊画像の印象でクリック率は変わってきますので、
写真撮影に自信のない方はこちらの方法がおすすめです

■ 商用利用可能かチェック

ブログといえども、それを使って自分のお店や会社の宣伝を行う場合
商用利用目的となります。
またアフリエイトなど広告収入目的で運営している場合も
同じく商用利用目的となります。
フリー画像をネットなどで検索する際、商用利用可能なものか確認する必要があります

■ クレジットの必要有無のチェック

商用利用可能なフリー画像もクレジット表記が必要なものがあります
クレジットとは、

• 作者名
• 公表年
• タイトル
• スポンサー
• 元の作品のURL
• 二次的著作物であるかどうか

これら全てではありませんが、配布元が指定している内容を画像に掲載しなければなりません
あまり見かけませんが、クオリティの良いものを利用したい場合など必要になってくる場合があります

■ サイトごとの利用規約を必ず確認する

これは基本中の基本です
今このようにブログで紹介していても、
規約は随時更新されているわけですからご自身が使うその時の規約を
ご自身の目で確認するのはとても大切です
特にユーザー登録する際にはよくよく確認のうえ
自己責任でお願いいたします

②フリー画像のおすすめサイト

プロやアマチュアカメラマンが撮影した高品質でおしゃれな画像を無料で配布しているサイトがありますので、いくつか紹介しておきます

写真AC

http://www.photo-ac.com/
・商用利用可
・ユーザー登録必要
・クレジット表記不要

• 幅広い種類を取り扱っているので、これ一つでOKなことが多く複数サイトを登録するのが面倒な方にはイチオシです!!

PAKUTASO

http://www.pakutaso.com/
・商用利用可
・ユーザー登録不要
・一部クレジット表記必要

• 登録が必要ないため、ログインなどが面倒な方はこちら!!人物画像も多く、使いやすい素材が満載
• 一部クレジット表記(著作者の名前記載等)必要なものもありますが、基本的には必要ないです

写真素材　足成

http://www.ashinari.com/
・商用利用可
・ユーザー登録必要
・クレジット表記不要

• 全国のアマチュアカメラマンが写真提供しており、クオリティの高い自然風景や動植物の画像が手に入ります
• 飲食カテゴリで食欲をそそる撮影技術が駆使されているのでおすすめです

どのサイトも利用規約を確認してからご利用されることをお勧めします

かしこいブログ制作依頼

bdesign(びーデザイン)ではホームページと一体型のブログや
検索順位を上げるために頑張るブログを
応援・サポート・制作しています

もっと使えるブログをご検討中の方はお気軽にご相談ください
現在運営中のブログやHPへのアドバイス・途中導入も可能です

bdesignへのお問い合わせフォーム