{"id":165456,"date":"2017-05-30T13:00:14","date_gmt":"2017-05-30T13:00:14","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=165456"},"modified":"2017-05-30T01:07:31","modified_gmt":"2017-05-30T01:07:31","slug":"gifs-emojis-memes-wordpress","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/gifs-emojis-memes-wordpress\/","title":{"rendered":"Are GIFs, Emojis or Memes a Good Idea for WordPress Sites?"},"content":{"rendered":"<p>Personally, I\u2019m a fan of using humor and pop culture references in content marketing. I don\u2019t necessarily think it fits for every occasion nor do I think every audience will understand it, but that\u2019s why we do research before creating websites and launching our brand\u2019s web presence into the social-sphere. Right?<\/p>\n<p>That being said, including a pun or reference from your favorite movie in your site\u2019s messaging is fine when it aligns with your brand\u2019s style and voice. Adding visuals like GIFs, emojis, or memes into your content\u2026<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-Willy-Wonka-Meme.jpg\" alt=\"Emojis GIFs Memes - Willy Wonka Meme\" width=\"600\" height=\"403\" \/><figcaption class=\"wp-caption-text\">Everyone recognizes the Willy Wonka meme.<\/figcaption><\/figure>\n<\/div>\n<p>Well, that\u2019s just not something I\u2019m sure about. Then <em>again<\/em>, if your site directly targets a <a href=\"https:\/\/wpmudev.com\/blog\/web-design-for-age-groups\/\" target=\"_blank\" rel=\"noopener\">younger age group<\/a> that naturally incorporates these types of elements into their dialogue, it might make sense to go that route.<\/p>\n<p>Obviously, there\u2019s been a lot of research done on what sort of effect these modern-day hieroglyphics have on social media and email marketing, but there just isn\u2019t much out there that says whether these are good or bad for websites. Since I think people\u2019s preference for visual content and shorter engagements over large amounts of text lends itself really well to this kind of content, this is what I\u2019d like to try and figure out today.<\/p>\n<h2>GIFs and Emojis and Memes, Oh My!<\/h2>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-Wizard-of-Oz.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-Wizard-of-Oz.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>I don&#8217;t think that&#8217;s really what they were singing about&#8230;<\/small><\/p>\n<p>There is something very appealing about brands that can remain on the cutting edge in terms of both design and marketing\u2014and I think these kinds of visual elements create an interesting juxtaposition between the two. But there\u2019s nothing that guarantees that a punny meme or a well-placed smiley emoji will be well-received by your audience. So, how do you make effective use of these in web design, if at all?<\/p>\n<p>As I scoured the web, trying to figure out whether or not emojis, GIFs, or memes could ever be appropriate for web design, I stumbled upon this article called <a href=\"https:\/\/www.psychalive.org\/laugh-it-up-why-laughing-brings-us-closer-together\/\" rel=\"noopener\" target=\"_blank\">Laugh It Up<\/a>. I actually found a lot of stuff like this around the web that talks about the healing power of laughter, typically in the context of relationships or workplaces. But if humor works in other areas of our lives, why wouldn\u2019t it work in our digital communications with consumers?<\/p>\n<p>Based on the article, laughter can:<\/p>\n<ul>\n<li>Release endorphins, giving people an improved sense of well-being and happiness.<\/li>\n<li>Create a closeness among individuals by \u201cgrooming from a distance\u201d.<\/li>\n<li>Relieve pain.<\/li>\n<\/ul>\n<p>Now, if those three side effects aren\u2019t what we all hope to achieve by going into business in the first place, I don\u2019t know what is. Sure, not every business or website can claim the power to heal physical ailments, but we\u2019re all trying to appease some sort of \u201cpain\u201d that customers experience. What if laughter is the first step in showing them that you understand what they\u2019re going through?<\/p>\n<p>Let\u2019s say you run a digital bookstore and you\u2019re well aware that your prices are a bit higher than what customers could find on Amazon. However, you\u2019re about to launch a semi-annual sale and you want to inform them of the great deals headed their way. You could create or borrow (with credit, of course) a meme like this and add it to the blog post making the <a href=\"https:\/\/www.instagram.com\/p\/BUkO4NwAOaa\/\" rel=\"noopener\" target=\"_blank\">announcement<\/a>:<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-WritersResource-Instagram-1.png\" alt=\"Emojis GIFs Memes \\- WritersResource Instagram\" width=\"600\" height=\"539\" \/><figcaption class=\"wp-caption-text\">A meme from the Writers Resource account on Instagram.<\/figcaption><\/figure>\n<\/div>\n<p>If you can find a way to use relevant and relatable snippets of humor on your site, imagine what good that could do for engagement? You could use a funny GIF to disarm readers as they scan through a long blog post. You could interject some humor in a popup by using a meme. Or you could infuse your copy with emojis.<\/p>\n<p>It\u2019s like with everything else in web design: give them a reason to stop, engage (i.e. laugh), and connect with your brand, and you may just win a loyal customer for life.<\/p>\n<h2>Breaking Down the Uses for Emojis, GIFs, and Memes on WordPress Sites<\/h2>\n<p>Of course, there are some downsides to using emojis, GIFs, or memes in your content. Ultimately, it boils down to understanding what each of these things are, how they\u2019re best used, and then adding them to your site sparingly. (Seriously, think about that annoying friend or coworker who doesn\u2019t know when to stop making jokes. Dude, we get it already.)<\/p>\n<h3>Emojis<\/h3>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emoji-GIF-Meme-Dominos-Emoji.png\" alt=\"Emoji GIF Meme - Domino's Emoji\" width=\"600\" height=\"534\" \/><figcaption class=\"wp-caption-text\">Domino&#8217;s loves using the pizza emoji on their social media.<\/figcaption><\/figure>\n<\/div>\n<p>According to a recent study, emojis are used by <a href=\"http:\/\/www.adweek.com\/digital\/report-92-of-online-consumers-use-emoji-infographic\/\" rel=\"noopener\" target=\"_blank\">92% of people<\/a>, which makes them incredibly appealing for web design. Considering how often you have to take into account the learning curve with some users, it would be nice to rely on a design element that most people are already familiar with.<\/p>\n<p>There are other benefits to using emojis, too:<\/p>\n<ul>\n<li>They\u2019re great in terms of minimalism since you can say more with just a simple icon.<\/li>\n<li>A <a href=\"http:\/\/journals.sagepub.com\/doi\/abs\/10.1177\/0894439307311611\" rel=\"noopener\" target=\"_blank\">study from 2007<\/a> showed that emoticons (the flat smiley face equivalent of emojis) serve a similar purpose as body language. In essence, improving comprehension of the words spoken or written.<\/li>\n<li>There have also been studies that show <a href=\"https:\/\/www.psychologistworld.com\/emotion\/emoticons-emojis-emotion-psychology\" rel=\"noopener\" target=\"_blank\">a correlation<\/a> between emotion and emoji usage.<\/li>\n<\/ul>\n<p>Now, in terms of the downsides of using emojis in content, here\u2019s what you need to know:<\/p>\n<ul>\n<li>Emojis may be recognizable by the majority of people, but that doesn\u2019t mean that they\u2019re universally accepted as a professional form of communication.<\/li>\n<li>The usage of emojis may be too distracting to place within the body of your content.<\/li>\n<li>You also have to be careful about placing them in titles or metadata. <a href=\"http:\/\/searchengineland.com\/google-brings-back-emojis-search-results-snippets-relevant-queries-269624\" rel=\"noopener\" target=\"_blank\">Google<\/a> will only display emojis when <em>they<\/em> deem them to be relevant.<\/li>\n<li>If emojis are obscure or show up differently depending on browsers or devices, your intended message may be confused or misinterpreted.<\/li>\n<\/ul>\n<p>In all honesty, the random emoji thrown into a blog post would look pretty cool. Think about how well header tags and images work to break up your content; of course people would love to run into a fun emoji while they\u2019re reading. However, if the style of emojis doesn\u2019t jive with your brand\u2019s voice, it\u2019s probably best to steer clear.<\/p>\n<h3>GIFs<\/h3>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-Isis-map-from-NPR.gif\" alt=\"Emojis GIFs Memes - Isis map from NPR\" width=\"600\" height=\"458\" \/><figcaption class=\"wp-caption-text\">A GIF that shows the spread of Isis on the NPR site.<\/figcaption><\/figure>\n<\/div>\n<p>In the GIF above from the <a href=\"http:\/\/www.npr.org\/sections\/parallels\/2014\/06\/13\/321678737\/in-one-map-the-dramatic-rise-of-isis-in-iraq-and-syria%20NASA\" rel=\"noopener\" target=\"_blank\">NPR<\/a> website, you can see that this isn\u2019t humorous at all. So, it just goes to show you that it\u2019s more about understanding your audience and the kind of message you want to communicate than trying to force a trending image just for the sake of laughs.<\/p>\n<p>Here are some ways that websites can use GIFs on their website:<\/p>\n<ul>\n<li>To \u201canimate\u201d an image that demonstrates progress or movement as it pertains to the story.<\/li>\n<li>To depict short steps in a process\u2014like a how-to\u2014that keep the reader engaged and moving down the page rather than getting jammed up at one lengthy video.<\/li>\n<li>To provide a humorous aside or pop culture reference that offers a quick respite from reading and then helps segue the reader back into the text.<\/li>\n<\/ul>\n<p>We already know that <a href=\"https:\/\/wpmudev.com\/blog\/using-video-wordpress\/\" target=\"_blank\" rel=\"noopener\">video<\/a> is huge in web design in 2017, so logically it would make sense that GIFs\u2014basically, just shorter, soundless versions of them\u2014would work just as well. The only real downside comes when they\u2019re not used properly. In other words, if it\u2019s obvious they were created just to push your company\u2019s agenda and not to add any real value to the website, you run the risk of losing visitors as they spot the inauthentic gesture.<\/p>\n<h3>Memes<\/h3>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-OnBlastBlog.png\" alt=\"Emojis GIFs Memes - OnBlastBlog\" width=\"600\" height=\"287\" \/><figcaption class=\"wp-caption-text\">The very recognizable Matrix meme used on the OnBlastBlog site.<\/figcaption><\/figure>\n<\/div>\n<p>Technically, memes aren\u2019t just images that include a quick riff on the original quote. In fact, an Internet meme can be an image, video, hashtag, or even website. The term originated in 1976 when Richard Dawkins used it to describe a type of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Meme\" rel=\"noopener\" target=\"_blank\">biological evolution<\/a>. This makes sense since memes are our way of spreading an idea or image and watching as it changes from person to person.<\/p>\n<p>I\u2019d say that memes can be used for the same exact reasons and ways as GIFs. The main difference being that the memes are traditionally static, so they\u2019re a bit easier to create.<\/p>\n<p>I also think that memes have an additional use, and that\u2019s for strictly promotional purposes. If you remove the emphasis usually put on them to be humorous, you could take a great looking, high-resolution image and place a fun and memorable hashtag on top of it to promote your services or content within your website.<\/p>\n<p>For example:<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/05\/Emojis-GIFs-Memes-FreeTheKnee.png\" alt=\"Emojis GIFs Memes - FreeTheKnee\" width=\"600\" height=\"416\" \/><figcaption class=\"wp-caption-text\">How to merge memes with your site&#8217;s self-promotional efforts.<\/figcaption><\/figure>\n<\/div>\n<p>All it took to create that meme was to <a href=\"https:\/\/pixabay.com\/en\/shorts-legs-torso-person-girl-983901\/\" rel=\"noopener\" target=\"_blank\">find an image<\/a> (or you can use one of your own), insert it into a meme generator tool, and then come up with a fun hashtag your visitors will remember.<\/p>\n<p>Of course, just because memes are fun to create doesn\u2019t mean that your audience will always understand or appreciate them, especially if they\u2019re used too much. You also need to be careful about which image you use as well as the underlying message you want to convey.<\/p>\n<h2>12 Tips for Safely Using Emojis, GIFs, and Memes on Your WordPress Site<\/h2>\n<p>Having assessed the research and considered the possible use cases, I think there is an argument for incorporating emojis, GIFs, and memes into website content. However, this needs to come with the caveat that you need to exercise caution when using them. Here are some tips that can help keep you in the safe zone:<\/p>\n<ol>\n<li>Do thorough research on your audience, especially as it pertains to age and <a href=\"https:\/\/wpmudev.com\/blog\/designing-for-global-audience\/\" target=\"_blank\" rel=\"noopener\">geography<\/a>.<\/li>\n<li>Try to stick with references that are <a href=\"https:\/\/wpmudev.com\/blog\/tweet-archived-wordpress-posts-and-boost-traffic-to-your-site\/\" target=\"_blank\">evergreen<\/a> and won\u2019t lose their relevance or impact in a year or two\u2019s time.<\/li>\n<li>Use them sparingly, maybe once a month so that, when they do show up, they leave a lasting impression.<\/li>\n<li>Don\u2019t focus on creating making it go viral. This is still about giving your audience something worthwhile and that adds value to their on-site experience.<\/li>\n<li>Make sure the image and\/or message is relevant to and consistent with your website.<\/li>\n<li>Keep emojis, GIFs, and memes relegated to the blog.<\/li>\n<li>The best place for emojis may turn out to be <a href=\"https:\/\/wpmudev.com\/blog\/live-chat-wordpress-pros-cons\/\" target=\"_blank\" rel=\"noopener\">live chat<\/a>.<\/li>\n<li>Stay away from anything having to do with sensitive subjects (like politics).<\/li>\n<li>Remember to account for cross-browser and device compatibility, especially with emojis.<\/li>\n<li>If it\u2019s 100% yours, add your logo, URL, or company name as a watermark.<\/li>\n<li>Be absolutely clear in your intent to avoid a misunderstanding or cause anyone offense.<\/li>\n<li>Remember: they don\u2019t always have to be funny!<\/li>\n<\/ol>\n<p>I also want to quickly add that there are a number of tools you can use to create these and add them to your WordPress site.<\/p>\n<p>For <b>emojis<\/b>, you can use the <a href=\"https:\/\/wordpress.org\/plugins\/emoji-settings\/\" rel=\"noopener\" target=\"_blank\">Emoji Settings plugin<\/a> to turn on emoji support. Then be sure to read WordPress\u2019s <a href=\"https:\/\/codex.wordpress.org\/Emoji\" rel=\"noopener\" target=\"_blank\">Codex on emojis<\/a>.<\/p>\n<p>For <b>GIFS<\/b>, get the <a href=\"https:\/\/wordpress.org\/plugins\/wp-gif-player\/\" rel=\"noopener\" target=\"_blank\">WP GIF Player plugin<\/a> so you can upload your own GIFs that you\u2019ve created with the <a href=\"https:\/\/giphy.com\/create\/gifmaker\" rel=\"noopener\" target=\"_blank\">Giphy tool<\/a>.<\/p>\n<p>For <b>memes<\/b>, you can use <a href=\"https:\/\/memegenerator.net\/\" rel=\"noopener\" target=\"_blank\">Meme Generator<\/a> and then upload the image the way you would any other kind of media.<\/p>\n<p>Also, don\u2019t forget to <a href=\"https:\/\/wpmudev.com\/blog\/ab-testing\/\" target=\"_blank\" rel=\"noopener\">A\/B test<\/a>. You might think you hit the nail on the head with your latest in-blog meme, but your audience may not feel the same way. This is especially important at the start when trying to gauge their overall interest in memes, GIFs, and emojis.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>If you want to add humor or to find a creative way to add more visuals and less text to your WordPress site, but you just don\u2019t think emojis, GIFs, or memes work for your brand, then don\u2019t sweat it. There are plenty of other ways to let your sense of humor and personality shine through. Then again, you never know when you might run into something that inspires you to take a chance on one of these, so there\u2019s no need to go writing them off just yet!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Personally, I\u2019m a fan of using humor and pop culture references in content marketing. I don\u2019t necessarily think it fits for every occasion nor do I think every audience will understand it, but that\u2019s why we do research before creating websites and launching our brand\u2019s web presence into the social-sphere. Right? That being said, including [&hellip;]<\/p>\n","protected":false},"author":518583,"featured_media":165509,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[10469],"tags":[10048,10689,16,10156,10691],"tutorials_categories":[],"class_list":["post-165456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-marketing","tag-business","tag-emojis","tag-images","tag-marketing","tag-memes"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/165456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/518583"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=165456"}],"version-history":[{"count":9,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/165456\/revisions"}],"predecessor-version":[{"id":199067,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/165456\/revisions\/199067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/165509"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=165456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=165456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=165456"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=165456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}