Archive | SEO

RSS feed for this section

Social Media Accessibility at Duke

You may have heard communicators starting to talk about accessibility at Duke, and while a lot of it has to do with websites and videos, some has to do with social media as well.

Video Captioning

Let’s start with videos since we use video so often on social media. While not all videos require captioning at Duke, in order for us to share videos on our main Duke channels, including social media, videos do need to be captioned.

Screen capture of video with captions featuring President Price

The easiest way to caption your videos is in YouTube. YouTube allows you to upload a text file or transcribe your file in real-time, and then it auto-times the captions for you and makes an .srt file. You can use that same .srt file on pretty much every platform that allows captioning, including Facebook and Twitter (although on Twitter, you need to use Media Studio).

If your video is longer than a few minutes, you can use an OIT-vetted captioning service to outsource the captioning. For livestreaming, we’ve also typically outsourced captioning.

Image Tagging

The other main part of making social media accessible is adding alt tags to your images. Alt tags give alternate text to describe an image. If your websites are accessible, you’re using alt tags there already. Now, many social media platforms also give us the opportunity to insert alt tags for images.

On Facebook, every time you upload an image, there’s an option to edit your photo and add alt text:

Screencapture of Facebook post showing edit option on uploaded photo
Click the paintbrush to edit the photo.
Screencapture of alt text option on Facebook images
Then click the “Alt text” button to add your own alternate text to the image.

You can even go back and edit photos you’ve already posted to include alt text.

On Instagram, the idea is the same. You can edit the photo to add alt text.

Screencapture of 'Add Alt Text' option on Instagram
Click on the “Add Alt Text” option.
Screencapture of Alt Text screen on Instagram

As with Facebook, you can go back and edit images you’ve already posted to add alt text.

Twitter allows you to add alt text as well, as you are posting. You do need to turn on the option first, though.

Screencapture of 'Add description' option on Twitter
Click the “Add description” option at the bottom of an uploaded picture.
Screencapture of space to add description on Twitter images

Unfortunately, as with all Twitter posts, you cannot go back and edit them later, including going back to edit or add alt text.

Scheduling

If you’re doing a lot of social media, you’re probably scheduling your content. You can schedule natively in Facebook, including adding the alt text, but what about the other platforms?

We haven’t found a great scheduler for Instagram that includes all of Instagram’s features, like alt text and location tagging. Luckily, if you have a scheduler you like, you can continue to use it and just add the alt text after you’ve posted.

For Twitter, we’ve been told that Sprout includes accessibility options. In UComms, we’re using Buffer for Twitter scheduling, which does allow us to add alt text. Without a scheduler that allows alt tagging, Twitter is really hard to manage and make accessible. There’s no native scheduler in Twitter and no way to edit old Twitter posts.

Hacks to Make Things Easier

Not everything has to be alt tagged! If, for example, you’re posting a link on Facebook or Twitter, the “card” that comes with that link does not need an extra alt tag.

Screencapture of Twitter card example
This is a Twitter card!

If your website is set up with the proper OpenGraph tagging for Facebook and Twitter, you should be all set and not even have to worry about uploading a separate image for your tweet or post. (Your webmaster can help you with this!) If you want to see a preview of what your link or anyone else’s link will look like on Twitter, you can try the Twitter card validator.

More on Accessibility

There’s a whole website at Duke dedicated to accessibility, so I encourage you to dig into that if you have more questions about what you should be doing, what you’re required to be doing, and how to implement changes in your processes. Also, please feel free to reach out to me (Sonja Likness) about social media accessibility or Joel Crawford-Smith at Duke about your other Duke accessibility-related questions. We’d be happy to help!

And, BONUS: Joel and I recently did a Learn IT @Lunch about accessibility.

YouTube Tips and Resources

youtube

“Unlisted” Status in Youtube

I wanted to let you know about a YouTube pro tip (which also makes my job a lot easier!): If you’re putting up a video that’s not ready for prime-time, meaning you’re not ready to have it promoted or it’s a draft video or a video meant for internal circulation only, you can upload that video with a status of “unlisted.” The unlisted status means that you can share the link and anyone will be able to view it from that link, but it won’t show up on your channel page or in subscription feeds (including mine). Then, if you decide you want to make the video public later when it’s all approved and ready to go, you can reset it to “public” and it will show up on your channel page and in the subscription feeds.
Uploading your videos this way helps me to know when your video is ready to be promoted and keeps me from picking up a link to a video that’s still a draft or still in the approval process.

Descriptions and Titles

Also, once your video is ready to be promoted, please be sure you’re putting in a descriptive title and a compelling summary description. This helps your viewing audience (including me!) to know what your video is about, but it also helps your video to come up in YouTube’s search results. For more on descriptions, titles, and tags, you can check out our YouTube upload checklist here: http://styleguide.duke.edu/toolkit/video/youtube-publishing-checklist/

More Video Resources

Lastly, I want to make sure you’re aware that we offer a ton of really helpful video resources on the Video Toolkit on the Duke Style Guide, here: http://styleguide.duke.edu/toolkit/video/ You’ll find links to our graphics package, which you can use for the fly-in intro and lower thirds that you see on lots of Duke videos, and even tips on lighting and video production, as well as resources for free music beds and b-roll footage.

How to Enhance Links to Your Webpages in Social Network Shares (Hint: It’s All in the Metadata)

A media-enhanced Twitter link, powered by Twitter Card metadata in the library website.

A media-enhanced Twitter link, powered by Twitter Card metadata in the library website.

We all have great content and we love to see it tweeted, liked, pinned, tumbld, and otherwise shared in whichever social media platforms people fancy. These platforms are all getting smarter, and are increasingly doing more to find and distinguish the truly shareworthy stuff that lives at the other end of those shortened URLs.

With just a few easy additions of code to our sites, we have the power to trigger media-rich shares, including nice photos, accurate attribution, and the text snippets of our choosing. These enhanced links can stand out in a monotonous stream of social media updates, compelling readers to click (and/or re-share), and driving more traffic to our sites.

Here are just a few tips for getting webpages to play nicely when shared via social media. They all require the simple addition of a few <meta> tags in the HTML.

1.  Open Graph tags (for Facebook & More)

Have you ever linked to a webpage in a Facebook post? Facebook selects a default thumbnail image (which might be something irrelevant like a button icon) and what it thinks is a representative snippet of the content you’d like to share. But you don’t have to leave it up to chance. Facebook created the Open Graph protocol as a standard that any social platform can use to give webpage authors the power to remove the guesswork. FB looks for these tags for guidance, and other tools do as well.

2. Twitter Cards (for Twitter)

With its 140-character limit, it can be hard to tweet a link to a page and also find some free characters to attribute the source or provide a taste of the interesting content. Twitter Cards help solve that problem. In the library, we recently added Twitter Card metadata to all of our digital collections and our blogs. Almost instantly, all tweets linking to our pages were enriched, and the change even enhanced previous tweets retroactively.

3. Rich Pins (for Pinterest)

Pinterest is also on board with using page metadata to enrich shares. It currently supports distinct pins for articles, places, products, movies, and recipes.

How to Add Metadata for Social Media Optimization

You probably don’t want to manually add these <meta> tags to every individual page. But chances are, you’re using a CMS like Drupal or WordPress to manage your website, and if so, you’re in luck. These platforms have plugins and modules available that make this setup a cinch:

If you have a sites.duke.edu blog, the WordPress SEO plugin isn’t currently enabled there, but you can request the plugin through this form.

I highly recommend adding this metadata if you can. You could see big improvements in your content’s representation in social media platforms, and it requires only a few simple steps to get it going.

Happy sharing!

Higher Education and Google+

Have you tried this? Bring up Google+ in a room of marketers and communicators. Just mention the social network and see what happens.

You will hear mixed reactions. Some will sing the praises of search engine optimization  and network influence, while others will look at you like you’re a cat speaking Latin on TV.

Our social media team at Duke University is among the Google+ believers.

Duke’s main Google+ Page has grown to over 65,000 followers (as of Aprili 2013) and we’re continuing to see value in our presence on Google+. For one, the more people who follow Duke on Google+, the more we positively influence search results for people in the Duke community. Secondly, we see Hangouts On Air as a huge benefit for student-to-student connectivity and a great tool in our media relations toolkit. Finally, it’s a quirky and fun place where we can share content that is attached to Google trends and a niche science community that is super active on the network.

I’m working on a full blog post on all of the benefits and joys Duke sees in Google+. For now, check out this Hangout On Air I did last week with the Higher Education Google team discussing the power of highered on Google+. Enjoy!

httpv://youtu.be/gprIKAXqz8w

Library Answer Person Trending

Those of us who work in marketing, public relations and the social media world spend a lot of time talking about – and thinking about – how to make our digital media viral. We know how hard it is to have a topic trend on Twitter or to create a overnight video success on YouTube, but we keep fighting the good fight. We make stellar content, promote it heavily and cross our fingers for a little good luck and timing.

Duke University Library’s Answer Person blog recently stumbled on the recipe to go viral, when a 2004 blog post on the difference between payroll and income tax received over 20,000 hits last week. Read more about how it happened here.