The Community Of Over 578,000

Home ›› Business Value and ROI ›› 6 Key Questions to Guide International UX Research ›› small_16 ›› Off-Site UX: Making Content Distribution Work for You

Off-Site UX: Making Content Distribution Work for You

by Nick Switzer
Share this post on
Share on twitter
Share on linkedin
Share on facebook
Share on reddit
Share on email
Share on print


It’s a big world you’re sending content out into. Some upfront strategizing can give it the edge necessary to thrive.

The ways users access and experience content online are quickly evolving as creators are given more opportunities to decide how their content should be experienced away from its point of origin. While this evolution can feel like a loss of control, an increase in distribution channels can also mean a potential increase in the number of people exposed to content they may not have been likely to see otherwise.

With distribution channels that range from social media to feed readers to search results, the likelihood of a user encountering content outside of its native environment is extremely high. This makes it imperative for content administrators and website creators to consider off-site user experience through the entire lifecycle of a website.

Planning Your Structured Content: Blobs vs. Chunks

Now that a content management system is, or should be, a requirement for practically anyone looking to maintain any serious amount of content, a key component of planning, building, and maintaining a website should be a logical, well-structured content model.

When it comes to content maintained in a CMS, you’ll find unwieldy WYSIWYG content blobs at one end of the organization spectrum and structured chunks at the other.

Blobs are the result of treating web pages as catchall repositories for any content that may cross the mind of a site maintainer. They most often manifest themselves as large multi-line text fields with some sort of WYSIWYG plugin attached to accommodate just about any style of content formatting that could be dreamt up. On the front end, this results in an unstructured dump of content that can end up being relatively meaningless to search crawlers looking to understand the context of this information.

By breaking these blobs into smaller chunks of content—each with a clear purpose—meaning and organization become a part of each chunk, resulting in a much clearer whole. Consider an event listing. By nature, this type of content has separate attributes, each conveying a significant piece of the overall importance of the event: date, time, location, description, and so on. If each of these smaller pieces of information is broken out separately, they can be manipulated and maintained as part of the whole event listing or as individual entities.

An ideal time to break content into chunks is in the initial planning phases of a web content strategy or web development project. Aside from making content more portable in the long run, this can make the development process significantly simpler due to the fact that all involved parties won’t be guessing at what the final product may look like. After all, content is the most important part of your website, why not plan design and development around it?

Content modeling is a great way to plan your structured content. There is no right or wrong way to build out a model, but the end deliverable should be something that communicates every type of content, the individual components involved and all of the relationships between them. Something as simple as a spreadsheet can get the job done, but a wireflow or similar method of diagramming is a great way to make visual connections and even see relationships that may have been missed otherwise.

The possibilities are seemingly endless when it comes to optimizing your off-site user experience

At this point in the process, it’s extremely important to consider how this content will be experienced in different places around the web because this should inform some decisions about the structure and meta data associated with a good bit of the content. Some key distribution points to consider are search result listings/rich snippets, social media, and content aggregators. Thinking about these factors in the initial phases of planning is crucial in order to ensure content is structured in a way that it will most effectively take advantage of the benefits offered by the various distribution points being targeted.

The Experience of Sharing: Make It Easy and Worthwhile

Once all of a site’s content has been planned, modeled, and produced, take the time to consider how users may want to interact with and share it. One necessary piece of content production is taking the time to make certain you’re producing something interesting and credible. Almost equally important is giving readers a simple but meaningful way to distribute that content throughout their social networks and elsewhere on the web.

Social Sharing

Social sharing is the most obvious place to spend some UX time simply due to the sheer number of people that can be reached through the most popular social networks. Once you have readers hooked with interesting content, point them in the right direction and show them how easy, or even enjoyable, it can be to push your content to their social networks.

Take, for example, an un-customized version of the AddThis social sharing plugin; users can be quickly overwhelmed by the sheer number of options available, making it a gamble as to whether or not they’ll even find the service they’re looking for. On top of that, it’s nearly impossible to output your content in a way that it will display exactly as you want on all of the social networks available through the stock AddThis widget.

Instead, take the time to carefully analyze and choose where you’d like site content to be shared. Next, research any custom meta data or markup these services provide to allow additional control over content shared through their respective widgets. Facebook is a great example because it’s so widely used and their open graph meta tags make it relatively simple to send exactly the content you’d like to Facebook when it’s shared. The key here is research, as most popular social networks have some way for developers to enhance shared content.


With the popularity of feed aggregators like Feedly and Pulse, providing an RSS feed for content can be much more beneficial than a lot of site maintainers may realize. Initially, distributing via RSS can feel like you’re willfully turning down pageviews in favor of a third party reaping all the benefits of the hard work you’ve put into producing quality content. However, a well thought out and planned feed can bring in additional traffic and potentially get content in front of users who may not have a seen it otherwise.

The key to distributing content via a public feed is being mindful of what is and is not included. Feed readers are essentially a shell for users to quickly access the content provided by sites. This is a great opportunity to entice readers with well-crafted and interesting summaries that link through to the full content on your site, thus generating pageviews and possibly even gaining a new audience.

The Off-Site Experience: Take Advantage of Every Distribution Opportunity

When users encounter your content elsewhere on the web, make that experience memorable. Provide more than the baseline to create something rich that will stand out from the crowd. In some situations this can mean a little extra work up front, but structured, modular content is particularly well suited to this.

Rich Snippets

Google’s introduction of rich snippets into search results listing pages is a great example of an opportunity to stand out in a sea of seemingly similar content. Currently, Google supports rich snippets for eight different types of content, but you can always check out their documentation for the most up-to-date list. Supported content types range from reviews to products to video, each with a unique opportunity to make your content more visually distinct on search results pages.

Rich snippets are powered by additional markup that provides context and is used to clearly convey to Google what each chunk of content represents. Three different markup formats are supported, but Google recommends microdata. Each content type on Google’s list has a unique set of properties, which are suited to that particular use case. In order to take full advantage of the benefits available here, you’ll want to start considering this formatting and structure as early in the planning process as possible.

Social Meta Data

Once you’ve put in the effort to ensure your content is easy to share on social networking sites, it’s important to consider how it will actually display on those third party sites. There is some level of custom implementation involved for most social sites, but the payoff is a much richer way to display content.

Facebook and Twitter are both great places to start. Not only do they both have an enormous user base, they also provide meta tags that allow site builders to choose exactly which content will get displayed in a Twitter Card or Facebook post. With a little thought, this can give your already interesting content the edge in a sea of competing posts.


The possibilities are seemingly endless when it comes to optimizing your off-site user experience. It’s impossible to anticipate every scenario where a user may interact with your content, but with some thoughtful planning and analysis you’ll end up with a repository of nicely structured content that will be much easier to adapt as more opportunities to do so present themselves.


Image of beautiful pigeon courtesy Shutterstock.

post authorNick Switzer

Nick Switzer,


Specializing in front-end development, Nick Switzer has been with Elevated Third, a Denver digital agency, since May of 2010, and is one of the leading information architects on the development team. He has over six years of experience in web development and design, with an expertise that runs the gamut of technology, arts and media. Nick’s favorite part of web development is taking creative initiative in transforming static designs into living, breathing websites. While he is skilled in a variety of web languages, Nick enjoys the complexity and flexibility of Drupal, and aspires to be a more effective part of the overall Drupal community.

Outside of work, Nick is always planning his next adventure and thrives off of all things outdoors including snowboarding and mountain biking.


Share on twitter
Share on linkedin
Share on facebook
Share on reddit
Share on email
Share on print

Related Articles

Building digital products for the web’s next billion users
  • Connectivity issues are further inflated by accessibility gaps. This, in turn, undermines user experience and creates obstacles for the wider use of digital products.
  • When designing for users, it’s worth considering such issues as poor connectivity, accessibility constraints, levels of technological literacy within different countries and cultural barriers.
  • In order to satisfy the needs of the next 3 billion users, it’s vital to build inclusive and accessible products that will provide solutions to the critical problems the next generation will face.
Share:Building digital products for the web’s next billion users
The Liminal Space Between Meaning and Emotion
  • To innovate well is to search for meaning behind the innovation first. This requires investing time into discovering what users need and think of unique ways to serve them and better solve their problems.
  • Emotions are widely misunderstood in UX design and often manipulation is used to predict user behavior. However, a much better approach to UX design is storyscaping, which aims at empowering users, rather than controlling them.

Read the full article to learn more about liminal space and how to apply this thinking to your design.

Share:The Liminal Space Between Meaning and Emotion

Stop frustrating your users. Invest in notification strategy instead.

The UX of Notifications | How to Master the Art of Interrupting
  • As part of UX, notifications are key to leading the user to a better interaction with the product. Therefore, notification strategy should have a central role in UX design.
  • A good starting point is to create a user’s journey map and identify major pain points. This should serve to understand when and where notifications might be of help, rather than create confusion.
  • It’s a good practice to use a variety of notifications and provide the user with opt-outs so they don’t feel overwhelmed.
Share:The UX of Notifications | How to Master the Art of Interrupting

This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and