8 Ways to Champion Animals in Your Local Business Marketing Strategy

Image credit: Yoshihide Nomura

If you’ve ever had the privilege of being present for a baby’s first joyful encounter with a household pet, you’ll have noticed the profound wonder and excitement of the little one’s reaction. Once upon a time, that was each of us beaming and bouncing up and down with the thrill of meeting our first dog or cat.

Don’t lose that joy — be like these Canadian women watching whales from their garden:

From our earliest days, most of us have simply loved animals. We fill children’s books with tales of them and choose them as life companions. In many cultures, animals are sources of sacred power, and in all parts of the world, wildlife is absolutely essential to balanced ecosystems.

67% of American households now include pets — that’s the majority of your consumer base signalling just how much animals matter to them. When local business owners and marketers communicate with most customers about animals, shared affinity is ready-built into the exchange, drawing on feelings of warmth, admiration, responsibility, concern, and happiness. These dearly-held sentiments can be sturdy building blocks of benefit for other-than-human creatures, communities, and your business. This is deeply good marketing, which can yield personal satisfaction, press, links, citations, loyalty, and positive social change.

Today, we’ll consider eight options for honoring the love both you and your customers have in common when it comes to animals, plus tips for weaving your efforts into your local business marketing strategy.

All animal-centric activities, great and small

Almost any local business will find one or more actionable ideas here to demonstrate care for animals.

1. Expand your welcome to customers’ pets

Where local health codes and business models permit, make provisions for pets at your place of business. Before the pandemic, dog-friendly dining patios, water stations, lodgings, and shopping center-based dog parks were on the rise and can return once safety does. Put a bowl of dog treats outside your storefront to make your business a memorable highlight of neighbors’ daily dog walks, keep a stash of them behind the counter if pets are permitted indoors, and take note of the dairy delivery drivers who toss snacks to dogs when bringing groceries to customers in the pacific northwest.

A kiosk of free doggy cleanup bags could be a draw to your door and a boon to the neighborhood. Bring customers inside when it’s safe again to do so with a feature wall of local pet photos. Hold contests that center pets or feature pet-centric prizes, or host a pet-based event. Meanwhile, if your business is located in a neighborhood far from large pet supply stores, consider whether a pet section makes sense in your inventory.

2. Make a place for staff pets

Image credit: Groupon

Every year, new studies are published indicating that when pets interact with people, humans benefit from lowered cortisol and blood pressure levels and a variety of improvements in states of whole body well-being. As a shopper, I can say that my household loves visiting businesses with resident pets. Prior to stay-at-home orders, some of our most memorable shopping excursions were to the nursery with the noble-looking Australian shepards, the craft store with the little terriers, and the farm stand with the dachshunds. To-do lists sounded like this:

“We need to buy mulch. Oh, and we’ll get to see Pushkin the little red dog!”

Companies are always seeking out methods of creating memorable experiences, and friendly cats and dogs on-site can be instant magic in this regard.

At Moz, even before we were working remotely, honored staff pets added calm and pleasure to company meetings, with an established policy for animal etiquette and safety practices Mozzers agreed to in order to bring their companions to the office. Even at companies that can’t have animals on the premises as a regular thing, bring-your-pet-to-work days can signal to staff that a brand is sensitive to work/life balance once it becomes safe again for people to return to offices. Evaluate how a company you’re marketing might safely incorporate animal companions into the workplace for the happiness of both staff and customers.

3. Expand your welcome to wildlife

Image credit: Theresa_Gunn

Many businesses have the space to hang a bird feeder and water dish or set up a bird bath. Nesting boxes for birds and bats are small and can be fitted into all sorts of nooks and eaves around your building in any spot where droppings won’t be a nuisance.

If your business is lucky enough to have the space, planter boxes can provide flowers, fruit, seeds, nectar, pollen, and nesting materials for birds, butterflies, bees, and other pollinators.. Call a local nursery to ask which native plants will fit in your containers and support winged visitors. If you have more space and can plant a hedge, you’ll be making a home for many types of birds and insects, and may even offer protection to rabbits, raccoons, possums, and other small animals.

Well-planned Main Streets and shopping districts can provide more than just sidewalks for humans and streets for cars — they can be places where hummingbirds sip from flower to flower, bees gather pollen, butterflies migrate, and herbivores find forage. Take your seat at city planning meetings and become an advocate for green space in commercial areas, bird-friendly windows, accessible waterways, and other ecological development strategies.

4. Sponsor wildlife crossings, corridor, and rescue programs

Millions of domestic and native animals lose their lives on our roads every year, but wildlife corridors that create safe roaming paths through fragmented areas can reduce animal-related car accidents by as much as 80%. If your heart sinks every time you see a dead animal on the highway, talk to your city council about planning wildlife crossings and corridors in your community and then either help build them or have your brand sponsor their construction. Extra credit to you if you can get your customers involved, too.

Meanwhile, if you’ve ever had to call a wildlife rescue and rehabilitation number after encountering an injured animal on the road, having a bird stun itself by crashing into a window, or finding unfledged nestlings on the ground, you know what a lifeline these programs can be. Do some research on agencies and groups in your community that contribute this vital work and offer volunteer hours or financial support.

5. Sponsor guide dog and companion animal programs

Image credit: Zelda Richardson

Dogs that act as the guides, protectors, and friends of differently-abled people are heroes, and it takes a great deal of care, time, and money to train them for their work. Additionally, many communities have programs that bring pets to children’s hospitals, elder care homes, and other centers for the important benefits humans can experience just from interacting with a loving, friendly animal.

If you’re looking for a sponsorship opportunity that can make a world of difference in people’s everyday lives, research these types of programs and volunteer or sponsor them.

6. Sponsor no-kill animal shelters

When animal lovers seek pet adoption, many insist on visiting only no-kill shelters in order to make a statement consistent with their humane values and to avoid the trauma of having to choose among animals who may be killed if not brought home.

If your region has a no-kill shelter, it’s not only a good thing to contribute to, but can also be a source of fostering community goodwill when you allow these programs to place donation jars at registers.

7. Offer plant-based and cruelty-free options

There’s a reason even fast-food franchises are offering veggie burgers now, and I see the source of it in my own family where 65% of the young people are vegetarians or vegans. Meanwhile, nearly all of them actively seek out self-care products labeled as cruelty-free.

Even if your business isn’t staffed by herbivores or animal rights activists, you can include them in the welcome you’re building so that all community members have something to eat, drink, and purchase. Nielsen found in 2018 that 39% of Americans are upping the amount of plant-based dishes in their diets, and it’s my belief that these numbers will continue to rise. Now is the time to be sure you’re not overlooking this growing consumer base who will reward your care for their needs with patronage.

8. Protect water

Image credit: Mark Giuliucci

If a deep regard for animals is shared by your company and customers, there is likely no better cause to support than the protection of all forms of water, on which we all depend for life. Cleaning up and defending the future of streams, rivers, ponds, wetlands, lakes, and oceans is challenging, vital work for us all.

Take an active role, and invite customers to learn and change with you, in removing pollutants and plastics from water sources, abandoning oil pipelines in favor of green energy, replacing forever-products with biodegradable ones, replacing many ecologically-disastrous man-made dams with biodiverse beaver dam habitat, encouraging local water boards to include Indigenous leadership in sustainable community planning, protecting remaining wetlands from development, and providing safe drinking water to all communities.

Be a vocal advocate for very good reasons

Image credit: Tim Sackton.

In some cultures and faiths, acts of private charity and kindness are meant to be kept secret. At a corporate level, though, social good can be exponentially expanded when brands are willing to take public stands on matters of conscience. The larger your business, the louder your voice inviting participation in works and causes that honor animals.

Once you’ve determined how you’ll be incorporating care for other creatures into your business plan, here are 10 ways to get the word out to the community you serve:

• Publish optimized website content, based on keyword research and community interest, to explain your brand’s animal-centric activities.

• Ask the organizations you support to interview someone at your company to explain why your staff/customers are volunteering/donating to this particularly worthy cause. These groups will also likely be looking for content opportunities. Volunteering to be the subject of an interview can expand their reach and hopefully deliver a good link or two to your website, as well.

• Reach out to local reporters to let them know that this is an angle of your business operations that the public might enjoy reading about; we could all use some good news these days in the local paper!

• If appropriate, get unstructured citations on local blogs or structured citations on specialty directories. For example, HappyCow.net offers a directory of restaurants where plant-based diners can find a meal.

• If appropriate, create image and video content about company pets, wildlife stewardship, and local ecological efforts, demonstrating your business’s participation and inviting customers to enjoy taking part.

• Promote content that you and others have published about your activities on your social media channels.

• Partner with other local business owners with similar policies and programs to share work and send customers to one another.

• Write some animal-centric Google posts on your Google Business Profile

• Assess whether Google My Business Categories or attributes could be added to your listing to represent animal-related features of your business.

• Add photos of staff pets or wildlife features at your location to your GMB listing if they add to the welcoming ambiance of your place of business.

Wag more

Watch the above video by a local business and you’ll see how almost any company can make memorable, emotional connections with the people they serve thanks to a widely-shared love of animals. Actions that celebrate, rather than exploit, our animal relations surely fall under the phenomenon of kindness as currency with multiple studies showing how people are more apt to act with generosity of spirit when they see others do so.

When you’re tasked with marketing, you’re always looking for that extra reason to be chosen by customers. 73% of people say they care about the company they buy from, not just the product. The furry paw poised on your knee right now, the purr emanating from behind your laptop, the songs of birds outside your window could be calling you to connect with customers in an authentic new way, over your joint, abiding care for animals. These days, who wouldn’t welcome a chance to wag more?

Looking for more authentic local search marketing tips to make your community a better place to live and work? Read The Essential Local SEO Strategy Guide.

8 Ways to Champion Animals in Your Local Business Marketing Strategy

Image credit: Yoshihide Nomura

If you’ve ever had the privilege of being present for a baby’s first joyful encounter with a household pet, you’ll have noticed the profound wonder and excitement of the little one’s reaction. Once upon a time, that was each of us beaming and bouncing up and down with the thrill of meeting our first dog or cat.

Don’t lose that joy — be like these Canadian women watching whales from their garden:

From our earliest days, most of us have simply loved animals. We fill children’s books with tales of them and choose them as life companions. In many cultures, animals are sources of sacred power, and in all parts of the world, wildlife is absolutely essential to balanced ecosystems.

67% of American households now include pets — that’s the majority of your consumer base signalling just how much animals matter to them. When local business owners and marketers communicate with most customers about animals, shared affinity is ready-built into the exchange, drawing on feelings of warmth, admiration, responsibility, concern, and happiness. These dearly-held sentiments can be sturdy building blocks of benefit for other-than-human creatures, communities, and your business. This is deeply good marketing, which can yield personal satisfaction, press, links, citations, loyalty, and positive social change.

Today, we’ll consider eight options for honoring the love both you and your customers have in common when it comes to animals, plus tips for weaving your efforts into your local business marketing strategy.

All animal-centric activities, great and small

Almost any local business will find one or more actionable ideas here to demonstrate care for animals.

1. Expand your welcome to customers’ pets

Where local health codes and business models permit, make provisions for pets at your place of business. Before the pandemic, dog-friendly dining patios, water stations, lodgings, and shopping center-based dog parks were on the rise and can return once safety does. Put a bowl of dog treats outside your storefront to make your business a memorable highlight of neighbors’ daily dog walks, keep a stash of them behind the counter if pets are permitted indoors, and take note of the dairy delivery drivers who toss snacks to dogs when bringing groceries to customers in the pacific northwest.

A kiosk of free doggy cleanup bags could be a draw to your door and a boon to the neighborhood. Bring customers inside when it’s safe again to do so with a feature wall of local pet photos. Hold contests that center pets or feature pet-centric prizes, or host a pet-based event. Meanwhile, if your business is located in a neighborhood far from large pet supply stores, consider whether a pet section makes sense in your inventory.

2. Make a place for staff pets

Image credit: Groupon

Every year, new studies are published indicating that when pets interact with people, humans benefit from lowered cortisol and blood pressure levels and a variety of improvements in states of whole body well-being. As a shopper, I can say that my household loves visiting businesses with resident pets. Prior to stay-at-home orders, some of our most memorable shopping excursions were to the nursery with the noble-looking Australian shepards, the craft store with the little terriers, and the farm stand with the dachshunds. To-do lists sounded like this:

“We need to buy mulch. Oh, and we’ll get to see Pushkin the little red dog!”

Companies are always seeking out methods of creating memorable experiences, and friendly cats and dogs on-site can be instant magic in this regard.

At Moz, even before we were working remotely, honored staff pets added calm and pleasure to company meetings, with an established policy for animal etiquette and safety practices Mozzers agreed to in order to bring their companions to the office. Even at companies that can’t have animals on the premises as a regular thing, bring-your-pet-to-work days can signal to staff that a brand is sensitive to work/life balance once it becomes safe again for people to return to offices. Evaluate how a company you’re marketing might safely incorporate animal companions into the workplace for the happiness of both staff and customers.

3. Expand your welcome to wildlife

Image credit: Theresa_Gunn

Many businesses have the space to hang a bird feeder and water dish or set up a bird bath. Nesting boxes for birds and bats are small and can be fitted into all sorts of nooks and eaves around your building in any spot where droppings won’t be a nuisance.

If your business is lucky enough to have the space, planter boxes can provide flowers, fruit, seeds, nectar, pollen, and nesting materials for birds, butterflies, bees, and other pollinators.. Call a local nursery to ask which native plants will fit in your containers and support winged visitors. If you have more space and can plant a hedge, you’ll be making a home for many types of birds and insects, and may even offer protection to rabbits, raccoons, possums, and other small animals.

Well-planned Main Streets and shopping districts can provide more than just sidewalks for humans and streets for cars — they can be places where hummingbirds sip from flower to flower, bees gather pollen, butterflies migrate, and herbivores find forage. Take your seat at city planning meetings and become an advocate for green space in commercial areas, bird-friendly windows, accessible waterways, and other ecological development strategies.

4. Sponsor wildlife crossings, corridor, and rescue programs

Millions of domestic and native animals lose their lives on our roads every year, but wildlife corridors that create safe roaming paths through fragmented areas can reduce animal-related car accidents by as much as 80%. If your heart sinks every time you see a dead animal on the highway, talk to your city council about planning wildlife crossings and corridors in your community and then either help build them or have your brand sponsor their construction. Extra credit to you if you can get your customers involved, too.

Meanwhile, if you’ve ever had to call a wildlife rescue and rehabilitation number after encountering an injured animal on the road, having a bird stun itself by crashing into a window, or finding unfledged nestlings on the ground, you know what a lifeline these programs can be. Do some research on agencies and groups in your community that contribute this vital work and offer volunteer hours or financial support.

5. Sponsor guide dog and companion animal programs

Image credit: Zelda Richardson

Dogs that act as the guides, protectors, and friends of differently-abled people are heroes, and it takes a great deal of care, time, and money to train them for their work. Additionally, many communities have programs that bring pets to children’s hospitals, elder care homes, and other centers for the important benefits humans can experience just from interacting with a loving, friendly animal.

If you’re looking for a sponsorship opportunity that can make a world of difference in people’s everyday lives, research these types of programs and volunteer or sponsor them.

6. Sponsor no-kill animal shelters

When animal lovers seek pet adoption, many insist on visiting only no-kill shelters in order to make a statement consistent with their humane values and to avoid the trauma of having to choose among animals who may be killed if not brought home.

If your region has a no-kill shelter, it’s not only a good thing to contribute to, but can also be a source of fostering community goodwill when you allow these programs to place donation jars at registers.

7. Offer plant-based and cruelty-free options

There’s a reason even fast-food franchises are offering veggie burgers now, and I see the source of it in my own family where 65% of the young people are vegetarians or vegans. Meanwhile, nearly all of them actively seek out self-care products labeled as cruelty-free.

Even if your business isn’t staffed by herbivores or animal rights activists, you can include them in the welcome you’re building so that all community members have something to eat, drink, and purchase. Nielsen found in 2018 that 39% of Americans are upping the amount of plant-based dishes in their diets, and it’s my belief that these numbers will continue to rise. Now is the time to be sure you’re not overlooking this growing consumer base who will reward your care for their needs with patronage.

8. Protect water

Image credit: Mark Giuliucci

If a deep regard for animals is shared by your company and customers, there is likely no better cause to support than the protection of all forms of water, on which we all depend for life. Cleaning up and defending the future of streams, rivers, ponds, wetlands, lakes, and oceans is challenging, vital work for us all.

Take an active role, and invite customers to learn and change with you, in removing pollutants and plastics from water sources, abandoning oil pipelines in favor of green energy, replacing forever-products with biodegradable ones, replacing many ecologically-disastrous man-made dams with biodiverse beaver dam habitat, encouraging local water boards to include Indigenous leadership in sustainable community planning, protecting remaining wetlands from development, and providing safe drinking water to all communities.

Be a vocal advocate for very good reasons

Image credit: Tim Sackton.

In some cultures and faiths, acts of private charity and kindness are meant to be kept secret. At a corporate level, though, social good can be exponentially expanded when brands are willing to take public stands on matters of conscience. The larger your business, the louder your voice inviting participation in works and causes that honor animals.

Once you’ve determined how you’ll be incorporating care for other creatures into your business plan, here are 10 ways to get the word out to the community you serve:

• Publish optimized website content, based on keyword research and community interest, to explain your brand’s animal-centric activities.

• Ask the organizations you support to interview someone at your company to explain why your staff/customers are volunteering/donating to this particularly worthy cause. These groups will also likely be looking for content opportunities. Volunteering to be the subject of an interview can expand their reach and hopefully deliver a good link or two to your website, as well.

• Reach out to local reporters to let them know that this is an angle of your business operations that the public might enjoy reading about; we could all use some good news these days in the local paper!

• If appropriate, get unstructured citations on local blogs or structured citations on specialty directories. For example, HappyCow.net offers a directory of restaurants where plant-based diners can find a meal.

• If appropriate, create image and video content about company pets, wildlife stewardship, and local ecological efforts, demonstrating your business’s participation and inviting customers to enjoy taking part.

• Promote content that you and others have published about your activities on your social media channels.

• Partner with other local business owners with similar policies and programs to share work and send customers to one another.

• Write some animal-centric Google posts on your Google Business Profile

• Assess whether Google My Business Categories or attributes could be added to your listing to represent animal-related features of your business.

• Add photos of staff pets or wildlife features at your location to your GMB listing if they add to the welcoming ambiance of your place of business.

Wag more

Watch the above video by a local business and you’ll see how almost any company can make memorable, emotional connections with the people they serve thanks to a widely-shared love of animals. Actions that celebrate, rather than exploit, our animal relations surely fall under the phenomenon of kindness as currency with multiple studies showing how people are more apt to act with generosity of spirit when they see others do so.

When you’re tasked with marketing, you’re always looking for that extra reason to be chosen by customers. 73% of people say they care about the company they buy from, not just the product. The furry paw poised on your knee right now, the purr emanating from behind your laptop, the songs of birds outside your window could be calling you to connect with customers in an authentic new way, over your joint, abiding care for animals. These days, who wouldn’t welcome a chance to wag more?

Looking for more authentic local search marketing tips to make your community a better place to live and work? Read The Essential Local SEO Strategy Guide.

SEO and Accessibility: Technical SEO [Series Part 3]

We hope you’ve enjoyed this series on SEO and accessibility. In the final installment, Cooper shows you how the technical SEO strategies you implement across your site can help make it more perceivable, operable, understandable, and robust.

Click on the whiteboard image above to open a larger version in a new tab!

Video Transcription

Hey, Moz fans. Welcome to the latest edition of Whiteboard Friday. I'm Cooper Hollmaier. I've been doing SEO since 2016, and today I work for a large outdoor retailer helping our technical SEO strategy come to life. Thank you so much for attending this series on SEO and accessibility.

I hope that you've gained a broad perspective and new tips and tricks for creating content that not only is resonating with your audience, performs well in search, but is also accessible to more people. Today we're going to talk about technical SEO and accessibility. 

Technical SEO and accessibility

Let's dive in. Last time we talked about Web Content Accessibility Guidelines, and you might remember that the four principles of WCAG are perceivable, operable, understandable, and robust.

Perceivable

As a technical SEO, you're probably most concerned with perceivable because your day-to-day operations, your day-to-day work stream involves making sure that the pages, the content, the experiences you're creating are accessible to search engines and perceivable to search engines. 

A lot of times when we go through SEO recommendations or SEO audits, I hear a lot of common themes, like the header tag is baked into the image and so a search engine can't see it, or the content I'm producing is visible to bots but it's not visible to people. These are issues with base level perception. I want you to take that mindset and consider if you apply that to your whole audience as well. So can all of your people that are hoping to engage with your service or product or experience, are they able to perceive all the things you have to offer at a base level?

1. Styles

Some things you might be thinking would be similar to what you would be seeing in this audit, like: Is all of my text on the page visible? Is it active text? Is it native to the page, so can I select it and copy and paste it, or is it baked into the image and unreachable by assistive technology or browsers or what have you? You might also be thinking: Is the color contrast to my background and my text, is it the right contrast?

Is there enough clarity and crispness between my layout elements? If things seem a little bit fuzzy or it's not quite clear that something is accessible to a search engine and a user, go back to the drawing board and figure out how to make both of those things work out well. 

2. Rich media

We also like to add images, text, video, and audio to the pages that we're building for our customers. It's important that these rich elements, now that we're kind of past the basic text and the styling elements, the rich elements we're putting on the page are perceivable by all of your users as well. There's a couple of things we can do to make that happen. For images, giving them a text alternative and providing something that is in addition to that imagery will help it be seen by a screen reader and understood by someone who has a visual disability.

Also naming things with human-friendly names versus "DSC1352.JPEG" is going to help search engines as well as assistive technology see that image and understand what it is. On-page context, it's also important that you put images on pages that add value. You want to enlighten a user with some additional content to give them a little bit more of a feeling or give them some more context on what you're talking about. Add images for value, not just to show up in Google image search. 

What about video? So video is a little bit different. Video has a series of moving images. So every time I think about movement, I think to myself, "How can I make sure that if a user wants to stop this movement, they can?"

Having clear playback controls is crucial when we're talking about accessibility as well as having a great video player experience for any user. In addition, synchronous equivalents for those text alternatives. We talked about images having text alternatives. Videos need to have text alternatives as well, but they need to be synchronized to time with that video. Otherwise they won't make sense in context. 

Then making sure that they're distinguishable. This is the same between video and audio. We want to make sure that the foreground and the background are easily distinguishable from one another. If your video feels muddy, if your audio feels muddy and it takes me straining my ear or straining my eyes to be able to see that content and understand what's happening, you need to be a little bit more crisp, a little bit more clear on those two distinctions.

Then text transcripts. Just like you need closed captions for videos, for audio you want to have a text transcript, so if I'm maybe in a loud place and I can't hear the audio or I don't have my headphones plugged in or I needed to use assistive technology, I'm able to access that audio. 

These are all things that you'll be seeing as you're reviewing code as a technical SEO and you should be aware of.

If you don't have these things going on, on your website, I would empower you to ask those questions, the hard questions like: Hey, is there a text alternative to this image? How will a person with a visual disability, how will a person with an auditory disability access these things? 

3. Page structure

Three and four are about page structure and semantic HTML. So this is a little bit less about is this perceivable and is it kind of understandable.

It's kind of grazing the understandable, but it should be a little bit about perception, too. Having a bunch of H1s on a page, as you can imagine, a search engine might perceive as very confused, right? They're like, okay, there's a bunch of H1s on this page. I'm not really sure what this page is about. Adding structure and cascading headings to signify parent-child relationships is going to help your content be a little bit more perceivable. It's going to be easier to understand what's happening. 

4. Semantic HTML

Same thing with semantic HTML. We tend to put lots of divs and spans and unidentifiable elements in our HTML. But by marking them up in more appropriate ways, so that we understand what their meaning is, understand what those tags contain, whether it's navigation or forms or tables, providing that extra layer of information and understandability is going to allow search engines and assistive technology to be able to parse through those things, to allow them to perceive the things you're putting on your page that are different from one another and provide a richer experience.

Operable

Okay, so we're able to perceive the content. But how do we make sure that it's operable? 

1. HTML sitemaps

A couple of SEO recommendations that I often see people making are build an HTML sitemap and put breadcrumbs on your page. A lot of times you might get some pushback from that. The HTML site map is super important we know for SEO, for discoverability of those pages deep in our website's hierarchy.

We know that breadcrumbs are also pretty equally important for discoverability. Both of these elements help users with assistive technology better navigate the website. The HTML site map allows for if your menu doesn't include all the pages on your website or if it's confusing or you're using JavaScript or some other technology that's not accessible to my tech stack.

2. Breadcrumbs

Then breadcrumbs allow me to parse up and down the particular let's say it's a product search page on an e-commerce website without having to go back to the menu and then parse through every single menu item again. So these two are super important for navigation but also especially for people who are navigating with a keyboard and using assistive technology.

3. Develop keyboard-first

Then a non-SEO thing but important nonetheless and relatable, develop your website and your experience keyboard first. Not everyone has a mouse or the ability to use a mouse because of a movement disability or because of an impairment or because of a lack of technology or hardware. So make sure you develop keyboard first, and you're going to kind of encapsulate more of those people that you're looking to encapsulate with your audience.

Understandable

1. Language

Understandable. So we talk about in international SEO, when we're dealing with different countries and different languages, how important it is to use the HTML on our page to signify what the language of the page is. It helps search engines provide the right results in the right maybe national or international context. It also helps screen readers read your content aloud in the right language.

2. Navigational layout

Then navigational layout and interstitials I think are pretty common, but nobody likes a navigation or a layout of a website that's confusing. The easier you make it, the easier it is for people to convert or do what you're looking for them to do with this website, whether it's learn, whether it's buy, whether it's engage in a service. That's easier when the navigation and layout is streamlined and we're not using different words in different places to mean the same thing. It's even more important for people with assistive technology. 

3. Interstitials

Interstitials, nobody likes those pop-ups in our face, that don't allow us to browse the rest of the website. Google doesn't love them either. But especially people with assistive technology, if we're not treating those pop-ups in the right way, we're going to end up in a scenario where users may be in a keyboard trap and they can't get out of the interstitial, or they don't understand that an interstitial is even put up on the page. So it's important to be very mindful when using interstitials. 

Robust

Last but not least is robust. How do we make sure that the content we're putting on the page is compatible for a large variety of devices and scenarios? 

1. Validation

Just using proper HTML is a big way to do this. You can use a validator and you can look at your HTML, your CSS, and your JSON-LD. Creating the right code and especially when you're using semantic HTML as well providing meaning to that code, you're going to have a lot better experience and everything your building is more digestible. 

2. Responsive

Is your website responsive? You should be doing this already. But if you're not, make sure it's operating on a mobile and a desktop and a tablet device and the layout stays the same, it's just maybe resized or re-imaged in a different way.

3. Interactable

Make sure it's interactable. If a user wants to be able to zoom in because they have a visual disability or they want to be able to change the colors, does your technology on your website allow them to do that? It should. If you do these three things on the bottom, I think it's going to do a lot of heavy lifting and you're going to have to do a lot less work because you've kind of built in the framework, the foundation to be accessible.

That's technical SEO and accessibility. If you have more questions or want some validation tools, there are some on the right-hand side here, or you can hit me up on Twitter @cooperhollmaier for some more advice. But thank you so much for listening to Whiteboard Friday and accessibility along with SEO. I hope that you take this and you become more and more inclusive in the way that you're doing SEO in the future.

Video transcription by Speechpad.com

---

Resources

• HTML sitemaps
• WCAG
• Markup validation
• Rich results tests
• International Association of Accessibility Professionals

SEO and Accessibility: Technical SEO [Series Part 3]

We hope you’ve enjoyed this series on SEO and accessibility. In the final installment, Cooper shows you how the technical SEO strategies you implement across your site can help make it more perceivable, operable, understandable, and robust.

Click on the whiteboard image above to open a larger version in a new tab!

Video Transcription

Hey, Moz fans. Welcome to the latest edition of Whiteboard Friday. I'm Cooper Hollmaier. I've been doing SEO since 2016, and today I work for a large outdoor retailer helping our technical SEO strategy come to life. Thank you so much for attending this series on SEO and accessibility.

I hope that you've gained a broad perspective and new tips and tricks for creating content that not only is resonating with your audience, performs well in search, but is also accessible to more people. Today we're going to talk about technical SEO and accessibility. 

Technical SEO and accessibility

Let's dive in. Last time we talked about Web Content Accessibility Guidelines, and you might remember that the four principles of WCAG are perceivable, operable, understandable, and robust.

Perceivable

As a technical SEO, you're probably most concerned with perceivable because your day-to-day operations, your day-to-day work stream involves making sure that the pages, the content, the experiences you're creating are accessible to search engines and perceivable to search engines. 

A lot of times when we go through SEO recommendations or SEO audits, I hear a lot of common themes, like the header tag is baked into the image and so a search engine can't see it, or the content I'm producing is visible to bots but it's not visible to people. These are issues with base level perception. I want you to take that mindset and consider if you apply that to your whole audience as well. So can all of your people that are hoping to engage with your service or product or experience, are they able to perceive all the things you have to offer at a base level?

1. Styles

Some things you might be thinking would be similar to what you would be seeing in this audit, like: Is all of my text on the page visible? Is it active text? Is it native to the page, so can I select it and copy and paste it, or is it baked into the image and unreachable by assistive technology or browsers or what have you? You might also be thinking: Is the color contrast to my background and my text, is it the right contrast?

Is there enough clarity and crispness between my layout elements? If things seem a little bit fuzzy or it's not quite clear that something is accessible to a search engine and a user, go back to the drawing board and figure out how to make both of those things work out well. 

2. Rich media

We also like to add images, text, video, and audio to the pages that we're building for our customers. It's important that these rich elements, now that we're kind of past the basic text and the styling elements, the rich elements we're putting on the page are perceivable by all of your users as well. There's a couple of things we can do to make that happen. For images, giving them a text alternative and providing something that is in addition to that imagery will help it be seen by a screen reader and understood by someone who has a visual disability.

Also naming things with human-friendly names versus "DSC1352.JPEG" is going to help search engines as well as assistive technology see that image and understand what it is. On-page context, it's also important that you put images on pages that add value. You want to enlighten a user with some additional content to give them a little bit more of a feeling or give them some more context on what you're talking about. Add images for value, not just to show up in Google image search. 

What about video? So video is a little bit different. Video has a series of moving images. So every time I think about movement, I think to myself, "How can I make sure that if a user wants to stop this movement, they can?"

Having clear playback controls is crucial when we're talking about accessibility as well as having a great video player experience for any user. In addition, synchronous equivalents for those text alternatives. We talked about images having text alternatives. Videos need to have text alternatives as well, but they need to be synchronized to time with that video. Otherwise they won't make sense in context. 

Then making sure that they're distinguishable. This is the same between video and audio. We want to make sure that the foreground and the background are easily distinguishable from one another. If your video feels muddy, if your audio feels muddy and it takes me straining my ear or straining my eyes to be able to see that content and understand what's happening, you need to be a little bit more crisp, a little bit more clear on those two distinctions.

Then text transcripts. Just like you need closed captions for videos, for audio you want to have a text transcript, so if I'm maybe in a loud place and I can't hear the audio or I don't have my headphones plugged in or I needed to use assistive technology, I'm able to access that audio. 

These are all things that you'll be seeing as you're reviewing code as a technical SEO and you should be aware of.

If you don't have these things going on, on your website, I would empower you to ask those questions, the hard questions like: Hey, is there a text alternative to this image? How will a person with a visual disability, how will a person with an auditory disability access these things? 

3. Page structure

Three and four are about page structure and semantic HTML. So this is a little bit less about is this perceivable and is it kind of understandable.

It's kind of grazing the understandable, but it should be a little bit about perception, too. Having a bunch of H1s on a page, as you can imagine, a search engine might perceive as very confused, right? They're like, okay, there's a bunch of H1s on this page. I'm not really sure what this page is about. Adding structure and cascading headings to signify parent-child relationships is going to help your content be a little bit more perceivable. It's going to be easier to understand what's happening. 

4. Semantic HTML

Same thing with semantic HTML. We tend to put lots of divs and spans and unidentifiable elements in our HTML. But by marking them up in more appropriate ways, so that we understand what their meaning is, understand what those tags contain, whether it's navigation or forms or tables, providing that extra layer of information and understandability is going to allow search engines and assistive technology to be able to parse through those things, to allow them to perceive the things you're putting on your page that are different from one another and provide a richer experience.

Operable

Okay, so we're able to perceive the content. But how do we make sure that it's operable? 

1. HTML sitemaps

A couple of SEO recommendations that I often see people making are build an HTML sitemap and put breadcrumbs on your page. A lot of times you might get some pushback from that. The HTML site map is super important we know for SEO, for discoverability of those pages deep in our website's hierarchy.

We know that breadcrumbs are also pretty equally important for discoverability. Both of these elements help users with assistive technology better navigate the website. The HTML site map allows for if your menu doesn't include all the pages on your website or if it's confusing or you're using JavaScript or some other technology that's not accessible to my tech stack.

2. Breadcrumbs

Then breadcrumbs allow me to parse up and down the particular let's say it's a product search page on an e-commerce website without having to go back to the menu and then parse through every single menu item again. So these two are super important for navigation but also especially for people who are navigating with a keyboard and using assistive technology.

3. Develop keyboard-first

Then a non-SEO thing but important nonetheless and relatable, develop your website and your experience keyboard first. Not everyone has a mouse or the ability to use a mouse because of a movement disability or because of an impairment or because of a lack of technology or hardware. So make sure you develop keyboard first, and you're going to kind of encapsulate more of those people that you're looking to encapsulate with your audience.

Understandable

1. Language

Understandable. So we talk about in international SEO, when we're dealing with different countries and different languages, how important it is to use the HTML on our page to signify what the language of the page is. It helps search engines provide the right results in the right maybe national or international context. It also helps screen readers read your content aloud in the right language.

2. Navigational layout

Then navigational layout and interstitials I think are pretty common, but nobody likes a navigation or a layout of a website that's confusing. The easier you make it, the easier it is for people to convert or do what you're looking for them to do with this website, whether it's learn, whether it's buy, whether it's engage in a service. That's easier when the navigation and layout is streamlined and we're not using different words in different places to mean the same thing. It's even more important for people with assistive technology. 

3. Interstitials

Interstitials, nobody likes those pop-ups in our face, that don't allow us to browse the rest of the website. Google doesn't love them either. But especially people with assistive technology, if we're not treating those pop-ups in the right way, we're going to end up in a scenario where users may be in a keyboard trap and they can't get out of the interstitial, or they don't understand that an interstitial is even put up on the page. So it's important to be very mindful when using interstitials. 

Robust

Last but not least is robust. How do we make sure that the content we're putting on the page is compatible for a large variety of devices and scenarios? 

1. Validation

Just using proper HTML is a big way to do this. You can use a validator and you can look at your HTML, your CSS, and your JSON-LD. Creating the right code and especially when you're using semantic HTML as well providing meaning to that code, you're going to have a lot better experience and everything your building is more digestible. 

2. Responsive

Is your website responsive? You should be doing this already. But if you're not, make sure it's operating on a mobile and a desktop and a tablet device and the layout stays the same, it's just maybe resized or re-imaged in a different way.

3. Interactable

Make sure it's interactable. If a user wants to be able to zoom in because they have a visual disability or they want to be able to change the colors, does your technology on your website allow them to do that? It should. If you do these three things on the bottom, I think it's going to do a lot of heavy lifting and you're going to have to do a lot less work because you've kind of built in the framework, the foundation to be accessible.

That's technical SEO and accessibility. If you have more questions or want some validation tools, there are some on the right-hand side here, or you can hit me up on Twitter @cooperhollmaier for some more advice. But thank you so much for listening to Whiteboard Friday and accessibility along with SEO. I hope that you take this and you become more and more inclusive in the way that you're doing SEO in the future.

Video transcription by Speechpad.com

---

Resources

• HTML sitemaps
• WCAG
• Markup validation
• Rich results tests
• International Association of Accessibility Professionals