Gravatar (Globally Recognized Avatar) は、オンライン上のアバターを管理し、様々なプラットフォームで同じ外観になるようにするサービスです。WordPressサイトで名前の横にアバター画像を表示することができます。
WordPressでの長年の経験から、私たちは個人とビジネスの両方のブランディングのためにGravatarを使用することの利点を直接見てきました。この投稿では、Gravatarとは何か、そしてなぜすぐに使い始めるべきなのかについて説明します。
歴史アバター
アバターというキーワードは、90年代後半から2000年代前半にかけてのオンラインゲームコミュニティから借用したものだ。
それ以前は、オンライン・フォーラムは主にテキスト・ベースのコミュニティで、ユーザーはユーザー名だけで識別されていた。
こうしたコミュニティが大きくなるにつれ、名前だけでユーザーを特定することが難しくなってきた。
これを解決するために、オンライン・フォーラムでは、ユーザーがプロフィール写真として画像をアップロードできるようにした。彼らはこれをプロフィール写真ではなく「アバター」画像と呼んだ。
アバターというキーワードは、個人またはユーザーを表す画像を指します。この画像は自分のものでも、プロフィール写真として使いたい他の画像でもかまいません。
ウェブとブログが進化するにつれ、WordPressブログも同様の問題に直面した。WordPressのコメントが多くのブログの会話のハブとなり、名前だけでコメントする人を特定することが難しくなった。
ユーザーがアカウントを作成する必要があったオンラインフォーラムとは異なり、WordPressのコメントするユーザーは通常、コメントを残すためにアカウントを作成する必要はありませんでした。
そんなときに登場したのがグラビアだ。
関連記事 ブログの歴史に関するガイドをご覧ください。
グラバターとは？
Gravatarとは、Globally Recognized Avatarの略。プロフィールを作成し、アバター画像とメールアドレスを関連付けることができる人気のウェブサービスである。
一度グラビアターを追加すると、WordPress、Slack、GitHub、Stack Overflow、Atlassianなど、グラビアターサポートがビルトインされているすべてのプラットフォームで認識されます。
つまり、Gravatarをサポートしているサイトにコメントを残すと、サーバーからあなたのGlobally Recognized Avatarが取り出され、コメントやその他のエリアであなたのネームサーバーの横に表示されます。
例えば、ユーザーがWordPressサイトにコメントを残すと、そのコメントの横に自動的にGravatarが表示されます。
これによって、コメントする人はインターウェブ上で自分のアイデンティティを持つことができる。
なぜGravatarを追加する必要があるのか？
もしあなたがブロガー、非営利団体、中小企業、またはブランドを構築したいのであれば、グラバターを使い始める必要がある。
グラバターは、ウェブ上であなたのアイデンティティを構築し、あなたの業界で権威ある声を構築することができます。
最初のうちは、ブログにコメントしても、あなたのグラビアはすぐには目立たないかもしれません。
しかし、同じ人が自分の読んでいる数多くのサイトであなたのコメントを見ていれば、おそらくあなたのサイトを訪れるだろう。
ウェブサイト所有者の中には、Gravatarがサイトを遅くすると不平を言う人もおり、これがブロガーがGravatarを無効化する最も多い理由となっている。
プロからのアドバイス： WordPressのパフォーマンスを最適化するための究極のガイドをご覧ください。
グラバターを取得するには？
Gravatarのサイトにアクセスし、無料アカウントにサインアップすることでGravatarを取得できる。
プロフィール用のGravatarを作成するのはとても簡単です。
まず、Gravatarのサイトにアクセスし、「今すぐ始める」ボタンをクリックする必要があります。
サインアップページが表示されます。
ここでメールアドレスを追加し、「Continue」ボタンをクリックします。そうすると、認証コードが記載されたメールが送信されます。そのコードを入力し、「続ける」ボタンをクリックしてください。
Gravatar アカウントのダッシュボードに移動します。
ここで、左の列の「アバター」タブをクリックして、いくつかの新しい設定を開きます。
左のカラムにある’Upload Image’ボタンをクリックし、コンピューターからGravatar画像を追加します。また、「カメラを使う」ボタンをクリックすれば、リアルタイムで自分の写真を撮ることもできます。
グラバターには、あなた自身の素敵なプロフィール写真や会社のロゴを選ぶことをお勧めします。ただし、匿名性を保ちたい場合は、あなたを象徴する他の画像を使用することもできます。
これでGravatarの画像エディターが開き、そこから画像のトリミング、回転、ズーム、プレビューができます。
フィルターを追加したり、画像の明るさ、彩度、コントラストをお好みで設定することもできます。満足したら、一番上の「完了」ボタンをクリックします。
あなたのグラバターが設定されました。
WordPressサイトにこのGravatarを表示するには、ダッシュボードの左カラムから「Verified Accounts」タブを展開します。
これにより、Gravatarを有効化することができるプラットフォームのリストが開きます。ここから「WordPress」オプションを選択します。
左のカラムにある画面の指示に従って、サイトにGravatarを追加してください。
これを行うには、サイドバーで指定された埋め込みコードをコピー＆ペーストし、あなたのサイトの公開ページまたは投稿に貼り付けます。そうしたら、「WordPress URL」設定の下にそのページのURLを追加してください。
次に、’Verify Account’ボタンをクリックします。
サイトにコメントを残したり、WordPressブログの投稿者プロフィールをチェックすることで、Gravatarを試すことができます。
これは、デモサイトの投稿者プロフィールセクションで私たちのグラビアがどのように見えたかです。
WordPressのグラビアについてよくある質問
ユーザーから、自分のアバター画像にGravatarを使用することや、サイトでGravatarを使用することについてよく質問を受けます。
以下は、Gravatar の使用に関して最も頻繁に寄せられる質問への回答です。
1.WordPressサイトでGravatarをオフにするには？
WordPressサイトでGravatarをオフにするには、設定 ” ディスカッションページにアクセスし、アバター表示オプションの横にあるチェックボックスをオフにするだけです。
詳しくは、WordPressでGravatar画像を無効化する方法のチュートリアルをご覧ください。
2.ユーザーがGravatar画像を持っていない場合はどうなりますか？
初期設定では、WordPressは、コメント投稿者がメールアドレスに関連付けられたGravatar画像を持っていない場合、コメントの横に謎の男の画像を表示します。これは初期設定のGravatar画像と呼ばれます。
この画像は、設定 ” ディスカッションページにアクセスし、初期設定アバターセクションまでスクロールダウンすることで変更できます。
ここから、いくつかのオプションが表示されます。その中には、ユーザーの名前やメール・アドレスに基づいたアルゴリズムを使って、自動的にユニークな画像を生成しようとするものもあります。
3.Gravatarアカウントに複数の画像やメールアドレスを追加できますか？
はい、Gravatarアカウントに複数の画像とメールアドレスを追加できます。ただし、各メールアドレスの Gravatar として使用できる画像は 1 つだけです。
4.Gravatar アカウントを無効化できますか？
はい、Gravatar アカウントはいつでも無効化できます。Gravatar サイトでアカウントにログインし、右側のドロップダウンメニューから「アカウント設定」オプションを選択するだけです。
プロンプトが表示されます。セキュリティとデータ」タブに切り替え、アカウントの「無効化」ボタンをクリックしてください。
Gravatar画像を無効化すると、画像の処理が停止され、コメントを残したサイトではGravatar画像が表示されなくなります。
この投稿が、Gravatarとは何か、なぜGravatarを使い始めるべきなのかについて知っていただく一助となれば幸いです。また、WordPressで初期設定のGravatarを変更する方法についてのチュートリアルや、WordPressのコメントを改善するためのベストプラグインのトップピックもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Ryan
Great article.After reading this, i guess it is time i get a Gravatar.
lee
thanks, great post – exactly the info i was looking for. Hopefully this message has my new gravatar next to it!
Rachel
Just uploaded my gravatar and checking to see if it worked
Zeana Romanovna
Thank you for the informative article. I never knew what they were for but someone told me to get one!
Van
Neat. How do I get this to populate EVERYWHERE? YouTube, Facebook, Twitter, etc…
Editorial Staff
Youtube, Facebook, and Twitter don’t use Gravatar. Most other sites that has comments do though.
管理者
Donny
Just got my 1st Gravatar and seeing if this works when I post?
Andrea
Thanks for the post, great info. Let’s see how it works…
Adam
Thank you for this information. I have been posting as a mystery man for too long!
Flo
I want to use two gravatars, one for a book (it’s a reference book and the gravatar would be the “writer” of the book; the second would be for me writing or blogging as Flo. Would I create two different gravatars and when I’m writing as my alter ego, write from one web address and when I’m writing as Flo, use my regular address?
Editorial Staff
Yes, you would need two different gravatar accounts.
管理者
Lance England
Testing to see if my first Gravatar comment will show up
Steven
I updated my pic to gravatar.
Hope it will work.
Jennifer Minnite
Thank you for explaining in simple terms what a gravatar is!
Annmarie
Oh so that is what “Gravatar” is!! Good to know
Ron
Is there a way to remove the photo class from the avatar images?
I ask this because I suspect it’s conflicting with our the rich snippets results in our theme.
Whenever a recipe has comments, the rich snippet thumbnail disappears from google, if there are no comments, the thumbnail is shown correctly.
See for example:
On of our more popular recipes with lots of comments:
http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.cupcakesenmuffins.nl%2Fcupcake-recepten%2Fbasiscupcakes%2Fbasis-cupcake-recept%2F&html=
A less popular recipe with no comments:
http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.cupcakesenmuffins.nl%2Fcupcake-recepten%2Fluxecupcakes%2Fkoek-en-zopie-cupcakes%2F&html=
This goes for all recipes i checked so far.
I suspect the class=’photo’ in the gravatar is interfering, but i’m no expert. Can anyone of you help?
Thanks,
Ron
Editorial Staff
You would have to filter get_avatar to customize this output. Hopefully that points you in the right direction.
管理者
Ron
Thanks! That did put me in the right direction, Turned out it was’nt the photo class but the v-card was the problem. After removing it from the comments, thumbnails started appearing again on Google!
Edwin
Testing out my new gravatar with one email address…
Robert Pike
Thanks for the help.
Edward
I’m not sure that mine is working.
Editorial Staff
It’s working. Look next to your comment.
管理者
Allen
Learned about Gravatar through Hartl’s Ruby on Rails tutorial. Didn’t know they had this, nice to give it a try!
Siddarth
Useful Info. Although I have been a social media enthusiast for long, I did not consider using gravatar. Now I see the point
sandislo
Great article. Excellent explantation!
Peter Weber
I have tried Gravatar as wll….. let’s see how it works
Helena Dolsak
So let´s see if it works…
Thanks for the post!
Christina
I set up my Gravatar and I’m ready to be noticed. “)
Jim
just set gravatar up and this is the first post to try it out
D James Garcia
Very cool. I’m adding this functionality to my site immediately
Michiel Drenth
I am new to Gravatar and was looking for some info on how to use it. Great post, gave me a lot of useful insights
Chris McQuillan
Is it better to use a photograph (head & shoulders) or would you recommend a logo/graphic for a small company?
Editorial Staff
That depends on your brand
管理者
Joshua Hardwick
Great post! (I think). Now’s the moment of truth to see if following the advice of the post works…
Joshua Hardwick
It did! I see my photo. Thanks Gravatar.
sudoquai
To bad not every site supports Gravatar !
Isaac Lee Yi Hao
I have created a Gravatar account !!!
Signore
one more face to remember
Enamul Hasan Ismail
Yep, Let’s see it in action.
Carmelo Gonzalez
I was not aware of the importance of a gravatar. I thought it was just something aesthetic.
Vicky
This post is really helpful for me. I suggest every one must use Gravatar for better link building.
Dan Hunter
let’s see this in action
kranthi
I created my gravatar profile just after knowing what it does. One of the awsome things that happen to web. ;^]
Alex
One leans something new every day. I have been on the net since 1995 and I had no idea what a gravatar was until I read this.
Duane
Gravatar is great!
As a small business owner & blogger I think its great that Gravatar allows you to add multiple e-mail addresses and to assign different avatars (images) for each within one account (all free). I have my personal photo assigned to my primary e-mail address and my business logo assigned to another e-mail address, thus making it easy to post Blog Comments using either my personal profile or my company logo, as I see fit…
Jim Forde
Very good information. Any one who wants to be found in social media should sign up for gravator.
Kenton Pass
Great article! I had no idea what a gravatar was until I read this. Thanks
Frank Woodman Jr
Thanks for a great article on one of those topics many of us forget to share.
For those that don’t know about Avatars or setting up a gravatar it’s seems a daunting task but as you show it’s really pretty simple. And once done it’s much easier to create a an online identity that’s both constant and easy to use.
David
I like gravatar. I like it a lot. It helps brand you or give you an identity online. But I still need to update my Facebook photo or or Twitter avatar seperately. I think the next step and this would be easier if Facebook or Twitter implemented it, but alas its going to be gravatar is to hook up with both social services and using a Twitter api when you update the profile picture in Twitter, it updates your gravatar picture which then goes across the net. Building an app to connect with Facebook would work well.
I want to see this.
Brady
I’m having issues with my Gravitar not showing up in my own comments on my Wordpress blog (using Thesis theme). Anyone else with a similar problem?
Editorial Staff
If you are using the same email as the one you associate with Gravatar, then it should always show. I have not heard of a single issue like this before. -Syed
管理者
Mattia Frigeri
it works! I didn’t know how to create a gravater before… thanks
Tiny
Look .Gravatar is great.
Soffian
Thanks for the info, I already use mine
Nando
Great post! I first learned of Gravatar when I created my blog, CyanSkies.com on Wordpress three years ago. As you stated, you just set it and forget it! I used my friend’s (DC/Marvel Comics artist Hector Collazo) drawing of me and its been great so far!
David Schneider
I would like to see the live demo of gravatar in action.
Editorial Staff
Look in the comments
管理者
iCoco_de
My only issue with Gravatar (and WordPress) ist that they don’t allow special characters like the underline in icoco_de. So I am forced to register with a different account name that has not much to do with my “real” screen name on almost every other board or platform I visit.
Editorial Staff
Gravatar goes with the email address not username.
管理者
icoco_de
Thank you for making this clear. Yes, I know that my Gravatar is linked to my email address. I also learned that I can set my “display name” to be icoco_de (which I did). But I’d like to “adjust” my profile to “gravatar.com/icoco_de” rather than “gravatar.com/icoco987”. This is what I meant, and this doesn’t seem possible.
Thomaz Fernandes
You forgot to talk about performance.
I did some tests and here’s the result:
Post without Gravatar: Page Speed Score: 89/100.
Post using Gravatar: Page Speed Score: 68/100.
So, how to use Gravatar without loosing performance?
Gautam Doddamani
i remember when i first got my gravatar it was around 2 years back. still haven’t changed it. when u r a blogger and comment a lot on other sites you should definitely get a gravatar which is used by wordpress and other cms for displaying avatars.