PIXTAのプロフィール欄をカスタマイズしたらフォロワー数が大幅にアップした
『人物イラストのタッチが多くて整理したい！』
こんな人に超絶おすすめな裏技です！
PIXTAのプロフィールスペースの役割として
・作者がどんな作品を揃えているか
・関連webサイトへの誘導
・受注をうけつけているか
・受賞歴
などをアピールし関心を引くことがあげられます。
このスペースを有意義に使っているクリエーターはぱっと見て信頼性を感じさせフォロワー数が多い印象です。今回はPIXTAクリエータープロフィールページをより機能的なものにカスタマイズする裏技を紹介します。
具体的には、HTMLを使いイラストのタッチ別に誘導する画像リンクの設置を実践していきます。
実装したプロフィールの概要
▼まずは実装したプロフィールの概要gifです。
実際の私のPIXTAプロフィールページ見た方が早いかも。（更新したのでリンク先イメージと異なります汗）
https://creator.pixta.jp/@toyotoyotoyo
このように画像クリックで、あらかじめ準備した検索結果ページへリンクできます。
実際にやってみましょう！
プロフィール内HTMLの構造と設置方法
▼プロフィールページの設定から
▼自己紹介の項目に記入していきます。ううっ・・・！HTMLの呪文がごっちゃあ〜・・・
しかし心配無用！
大雑把な表記にするとこうなります↓
<a href=”飛ばさせたいページのURL“><img src=”表示する画像バナーのURL” alt=”●●●目印用メモ等（非表示）●●●“></a>
▼「飛ばさせたいページのURL」
①“ポートフォリオ内を検索”にチェックを付け、検索ワードなど条件を設定。
②虫眼鏡の検索マークをクリックして条件を反映させる。
③ここで出来たURLを「飛ばさせたいURL」に反映させる。
（URLが長くなってしまうけど大丈夫です）
▼「表示画像のURL」
この画像は、WEB上にアップした自分のHPのすみっこから持って来ています。（例）↓自分のHPサイトにアイコンをアップロードしただけの置き場ページ。画像を右クリック→画像のURLをコピーして「表示画像のURL」へ貼り付けています。（公開していなくてもサイト管理画面から画像URLを取得できますね汗。うまく説明できない・・・）
無料ブログにアップロードしてそこから持って来ても大丈夫かと思いますが、そのブログサービスが閉鎖したら画像は表示されなくなるので注意。
↓画像表示の仕組みや実践するにあたり参考にしたサイト・記事
NEWCREDGE GROUP様より引用
http://www.newcredge.com/IT/www/html/tag/img/img-src.html
▼「目印用メモ」
altタグとは・・・
画像が表示されない時の文字のみの表記みたいなものと私はゆるく認識しています。非表示なのでメモがわりにしてもいいのかな。下記サイトにしっかり解説があります。
seohacks様より引用
https://www.seohacks.net/basic/terms/alt/
以上が画像表示の方法でした。（HTMLの記述の正しい方法は全く助言できませんので、調べて実践してください。）次項からがこの記事のキモなのでもう少し頑張りましょう！
【重要】タッチ別に誘導するための必須条件！！！
その条件とは・・・
「イラストタッチを表現するキーワードタグを作品に登録する」ことです。PIXTAの作品編集に一括でキーワード登録できる機能があります。
▼〈親しみタイプ〉と〈スマートタイプ〉を例に見ていきましょう。
▼〈親しみタイプ〉の作品には「親しみ」のキーワードを入れ、
▼こちらには「スタイリッシュ」のキーワードを入れています。
こうして作品たちにキーワードを振り分けると、上記にあった
▼「飛ばさせたいページのURL」を設定する時に活きてきます。
①の検索ワードに、タッチ別キーワードを入れることで購入者にとって直感的にイラストタッチが伝わり、且つ検索・選択しやすい環境が作り出せます。タッチ別キーワードは「とよとよタッチ①」のように独自のキーワードを設定しても良いと思います。
プロフカスタムをした結果
タッチ別の検索ページを用意したことで、人物イラストが整理され検索しやすい環境ができたせいかフォロワー数がぐっと多くなりました。
4年間ほどで250だったフォロワー数（お気に入りクリエイターに追加の数）が2ヶ月でなんと50近いハイペースで増えたのです！他に起因するものは当然ありますが、やはり情報を整理するデザインは効力があるのだなと実感。ユーザビリティってやつです。
さらに大きな利点がもうひとつ。イラストタッチを自分（販売者側）でタイプ別に手動で分ける必要がなくなったこと。すでに登録した作品はキーワード追加が必要ですが、今後は付けるキーワードを決まりごとにしてしまえば自動で振り分けされます。これは本当に解決できて良かった事項でした。
注意点がひとつ
ブログタイトルのとおりCMYKの印刷出身の私。恥ずかしながらwebのことは初歩からわからないので、テキストベースのプロフィールよりも読み込み容量や内容の監視管理など負担かかるかと思いPIXTA様には問合せ済みです。PIXTA様にはこの場を借りて感謝申し上げます。色々ありがとうございます！！！
ただし「HTML対応は突然未対応になることもある」とアナウンスがありましたのでこまめな確認を推奨します。
他クリエーターさんによるプロフィールページ作成レポ
この記事を見ていただき早速プロフィールページをカスタムしたクリーエーター様が続々と。私の記事では省略した作成手順やバナーづくりの考え方など有益なので併せて読むことをオススメします！
note：トラノスケ さん
PIXTAのプロフィール欄のカスタマイズに苦戦してたらストック仲間の連携に凄く助けられた件。
https://note.mu/to_ranosuke/n/na74a3ef64ced
飛行船Air号：
PIXTAのプロフィール欄をいじる
hichako.com/air/?p=534
HP：あなん よーこ さん
簡単!!PIXTAプロフィールページをカスタマイズ!/絵柄別バナーを作る方法/バナーを作成する前に考えたいポイント
https://ananyoko.net/pixta_banner/h
下記に他PIXTAクリエーターさんがカスタムしたプロフィールページをいくつか。
とても参考になりますのでレッツトライです！
よぴんこさん
https://creator.pixta.jp/@yopinco
トラノスケさん
https://creator.pixta.jp/@torakun
いっこさん
https://creator.pixta.jp/@iccoiicoto
あんころもちさん
https://creator.pixta.jp/@ankomando
【NEW！！なんと動くバナー！】Monoさん
creator.pixta.jp/@Mono_prof
免責事項です。この記事はとよとよが独自に作成したもので、ピクスタ株式会社の意向はありません。また、この記事の内容については当サイトは一切保証いたしません。利用者が当サイトやリンク先を利用したことで損害が生じても、責任は負えません。また当サイトは、情報の変更、削除などを行うことがありますので予めご了承ください。