saysonの「生きることは壮大な人体実験。」

カテゴリー: Webデザイン

  • Facebookでアイキャッチ画像が表示されない時ってないですか？

    Facebookでアイキャッチ画像が表示されない時ってないですか？

    どーも！よしです！

    フェイスブックでアイキャッチが表示されない案件があったので

    対策の方法をシェアしときます。

    ワードプレスをお使いでFacebookにアイキャッチ画像が反映されないときの対処法

    『All in One SEO Pack』プラグインを導入する。
    最適なサイズのOGPイメージ画像は（横728px ×　縦381px)

     

    まずはプラグインのAll in ONE SEO PackをインストールしてOGPイメージが設定できる

    状態にしてみましょう。

    記事にOGPイメージを設定する

    [su_divider top=”no” divider_color=”#170cf0″]

    Facebookにアイキャッチ画像がちゃんと反映されていない記事

    もしくは、公開する前の記事。『投稿』の『投稿の編集』画面を表示しましょ。
    記事を書く画面ね。この画面。

    ↓

    続いて、記事の『アイキャッチ画像』という部分に画像を設定しましょ。
    『アイキャッチ画像を設定』という文字から設定することができます。

    ↓

    アイキャッチ画像を設定して
    新しい記事は『下書きとして保存』
    公開してある記事の場合は『更新』。
    ↓

    ここが今回の大事なところ！
    記事の編集画面の下のほうに「All in ONE SEO Pack」があり

    その右下の『ソーシャル設定』を選択。
    ↓

     

    『画像』でFacebookに表示する画像を選択。
    ↓

     

    これでOK!

    この記事のOGPイメージの設定は終わり！

    簡単でしょ？
    Facebook Sharing Debuggerで、記事のデバッグ。

    Sharing Debuggerで1回デバッグをしただけで、アイキャッチ画像がちゃんと表示されない場合は…？

    これでもだめなら「Batch Invalidator」を試そう

    わからないことがあればYOSHIまで個人的に聞いて下さいね〜！！

  • Facebookの写真の話！

    Facebookの写真の話！

    こんにちは！よしです！

    今日もフルスイングで参りましょう！

    Facebookで写真を投稿する際に気をつけたいポイント！

    個人アカウントのタイムライン写真の投稿の場合一度に表示されるのは５枚までです！

    （Facebookページの場合は４枚まで）

    5枚の写真投稿は、画像に大小ができるのでメリハリが出ますよ！投稿をセットした1～5枚までの写真が表示されます。

     

     6枚以上は画像をクリックしてを開かないと続きが見ることができないので、埋もれてしまいます。

    ですので、タイムラインに見せたい写真を先頭に持ってくる必要があります。

    画像の並び順は、セットした順に①左上→②右上→③左下→④真ん中下→⑤右下となります。上部に表示される画像は大きくなりますので、

    大きく見せたい写真は、1枚、2枚めにセットするのがコツ

    ですよ！

    オススメは４枚投稿ですよ！

    １枚メインの写真がきて、残りの３枚がサブ写真。

    そうすると、相手に伝わりやすくなると思いまーす！

    せっかく写真を投稿しても見てもらえなかったら悲しいですよね〜

     

    今日はここまで〜

     

     

     

     

  • Facebookで自分を知ってもらうためにする３つのこと！

    Facebookで自分を知ってもらうためにする３つのこと！

    こんにちは！yoshiです！

    今日も絶好調！フルスイングでいきましょう！

    先日、あるお店の販促物のデザインの打ち合わせに行ってきました！

    その人はFacebook等々、SNSをほとんど使わない人だったので一から伝えていくことにしました。

    ということで、まずは

    Facebookでつながった人と関係性を深めるために、その効果を最大限に高める設定をお伝えします！

    設定１　プロフィール写真は本人とわかる特徴のある写真で！

    つながった友達と仲良くなるために大事なことは
    《顔と名前を覚えてもらうこと》
    Facebookのプロフィール写真はFacebookメッセージなどにも出るので遠方でなかなか会えない人でも、いつも会っているような感覚になるので、久しぶりに会った人でも久しぶりに会った気がしなくなりますょ。そうなると忘れられませんょ。

    設定２　基本データに自分の勤務先情報を入れておく

    つながった友達と仲良くなるために必要なことは
    《どこのお店に所属しているのか》という情報を伝える事

    この設定するためにまずは《基本データを更新》をクリック

    《勤務先を追加》のところに会社の名前を入れて下さいね〜
    同姓同名の人がいる場合、本人だと確定するために勤務先は非常に重要な情報です。
    勤務先がFacebookページを導入してあれば、ここに勤務先を入力するとFacebookページが登録されるので、つながりができた後に、その場所に来てもらいやすくなります。

    お店をされている人なら、お客様がこの情報をもとに来店しやすくなったりするかも！

     

     

    設定３　Facebookに表示される名前は日本語表記で！
    Facebookの名前は日本語表記にすることをお勧めします!（外国人と付き合いのある人は例外）

    漢字ではなく英語表記だと検索をかけられた時にヒットしにくいです。
    僕の場合はタグ付けする時も漢字で検索しますので、漢字でなければ、タグ付けも難しかったりします。

    名称の表示変更はこの方法で！
    まずスマホのFacebookアプリで
    右下の《その他》の部分をクリック
    その後画面を下にスクロールして

     

     

     

     

     

     

    下から４番目に出てきた《設定》をクリック
    （Androidの場合は表示が違うかも。）

     

     

     

     

     

     

     

     

     

    その後にこんな画面が出てきます。

    《アカウント設定》を選ぶ。

    その後の画面の一番上の《一般》を選ぶ。

     

     

     

     

     

     

     

     

    1番上の《名前》と言う項目をクリック

     

     

     

     

     

     

     

     

     

     

    すると、この画面になるので画面下の

    《言語別の名称を追加》の部分を選びます。

     

     

     

     

     

     

     

     

     

     

    この画面になるので漢字で姓と名を、カタカナで姓と名を、漢字とカナが反対にならないように気をつけながら入力
    してください
    そして入力された後は1番下の《保存》を選択。

     

     

     

     

     

     

    これで漢字表記で表示されるはずですよ！

    この３つは最初に抑えておくと新しく出会った人やつながりが出来た人と

    関係性を築きやすくなりますよ！

  • ワードプレスの話とつながりの話

    ワードプレスの話とつながりの話

    こんにちは！神戸・三宮、楽しいやワクワクを追求する
    Camtha Lab　所長のYoshiです。

    現在は美容院MocTに間借りして運営しております。

    エクスペリエンス・マーケティングとは？

    大河ドラマ税理士こと山本泰三さんによるエクスマ流USP塾をきっかけに

    自分にしかない独自性を見つけて発信していくことにしました。

    こだわりや美学を持った人

    ワクワク楽しい時間を共有したい人

    古いものレトロ、アンティークが好きな人

    美容院に行きたいけど行ったことのない男性

    ブログを通じて自分の好きなことを発信していきたい人

    に向けて発信してます。

    [su_divider]

    今日はwordpressの固定ページに直リンクを貼る方法をお伝えしたいと思います〜。

    なぜ、wordpressのことを書くのかと言うと、単純に興味があるからでーす。

    固定ページってわかりますか？

    スクリーンショット 2016-01-20 19.38.58

    上の画像で言うとmoctとかホーム、facebook、staffって書いてある部分

    ここが固定ページ、この部分って通常は普通のブログページに飛ぶのですが
    いかんせん、２クリックしないといけないのが面倒くさい。
    なので、１クリックで違うサイトに飛べるようにしたい！

    ということで、

    スクリーンショット 2016-01-20 20.00.37

    ダッシュボードの「外観」→「メニュー」で設定することができます。
    直接他のサイトに飛ぶようにするには、「カスタムリンク」を使います。

    スクリーンショット 2016-01-21 0.25.48

    上の画像のように「リンク」→「URL」の部分に必要なアドレスを入力してメニューに追加すればオッケー！

    最後に「メニューを保存」ボタンを押すのを忘れないように！

    今までしたことが水の泡になりますよー（笑）

    これで、よしのページで言うと、MocT(モスト)の部分をクリックするとワンクリックでMocTのホームページに飛ぶようになりました〜。

    [su_divider]

    美容とはまったく関係ない話を今日はしたのですが
    自分の興味のあることを発信していくことがいいんです。

    美容師としてセルフプロデュースするためにはブログが一番だと思います。

    だって、ただでさえ人と人ってコミュニケーションが不十分になりやすいのに、何も伝えないと何も理解してもらえないと思う

    自分の好きな事を発信すると楽しいし知ってもらえる！

    最高ですやん（笑）

    美容師って職人的な部分があるんだけど、それだけでは、普通。

    他の人ができない真似できないことをやって、突き抜けたらええなぁと思う。

    楽しい内容を共有、シェアすること＝体験を共有するということになる。

    それが、つながりになりコミュニティになる。

    YOSHIは好きなことや興味のあることが沢山ありすぎて、一つに絞れなかったので全部ひっくるめて

    まわりに伝えていこうと決めた。

    みなさんご存知だと思うのですが、僕はモノづくりや古いものや古い車とバイクが好きで、自分で修理するし、バイクも一からデザインしなおしたりします。

    多分、一般の人には出来ないようなことができます。

    39chevy.jpeg

    そこまで、こだわって生きているから、もっと発信して同じような人が集まるともっと楽しくなるなと思い

    イメージは所さんの世田谷ベースのような空間を作っていこうと決めた。

    人生は一回きり楽しんだもん勝ち。

    ということで本日もお付き合いありがとうございました。

    今日はここまで。

    アディオス！

  • パーマリンク設定についての覚書

    [su_quote cite=”IT用語辞典バイナリ”]パーマリンクとは、Webページの中の個別のコンテンツに対して設けられたURLのことである。特に、ブログにおける個々のエントリー（毎日の記述）に対して割り当てられたURLを指すことが多い。パーマリンク（Permalink）は、恒久・不変を意味する「パーマネント」（permanent）と「リンク」（link）が掛け合わされた造語である。

    [/su_quote]

    単純に言うと「Webページ毎に設定される個別のURL」です。

    デフォルトのパーマリンクは記事番号が付与される。

    理想のパーマリンクは

    http://トップレベルドメイン/カテゴリー名/投稿名（英数字）

    このパーマリンクのつけ方だと

    カテゴリー部分で、任意で設定した投稿名である程度ページの内容を表せることができる。
    また、自動付与された意味を持たない文字列を含むことがないので、長さも任意で決めることができます。