BrightonSEO September 2018 – Event Recap – Part 1

Rachel Costello
Rachel Costello

On 1st October 2018 • 35 min read

BrightonSEO gets bigger and better every time, and consistently draws some of the best speakers out to the English seaside for some serious knowledge sharing. For BrightonSEO September 2018, alongside sitting in on some excellent talks, the SEO community also gathered together to have some drinks and nostalgically enjoyed some classic gaming with a Street Fighter and Mario Kart tournament at the DeepCrawl pre-party.

We were also happy to help out conference attendees with some ping pong, air hockey and free beers in our beloved beer garden to take the edge off. Thanks to everyone who stopped by!

 

Martin Splitt – Building search-friendly web apps with JavaScript

Talk Summary

Martin from Google gave advice on how crawling works across the different JavaScript rendering strategies, as well as behind-the-scenes information on how Google renders content and where you can make the search engine’s job easier.

Key Takeaways

How do pages get indexed?

When using different web strategies for content delivery, such as lazy-loading, how can SEOs know if Google can actually see our content? Martin sought to clear up this confusion by explaining how the indexing process works.

Googlebot is basically a program that runs a browser. Here are the basics of how it works:

  1. Opens the browser and goes to particular URLs.
  2. Extracts content from pages.
  3. Content is put into the index.
  4. During the indexing stage, it will follow links on a page.
  5. Information found from following links will be passed back to the crawler.

If you don’t want pages to be indexed:

Duplicate content shouldn’t be indexed, so use the canonical tag to help Google decide which URL to pick. Without this, Google will have to figure out the preferred URL themselves. To learn more about helping Google pick the right canonical page, take a look at these slides on the topic.

However, when using single page applications and JavaScript frameworks, the crawler can struggle to extract content from your site. Google is essentially flying blind as it can’t see the content it needs to add to the index.

How rendering works with Google

For classic web architecture:

For client-side rendering:

For server-side rendering:

Rendering is deferred until Google has enough resource, which results in a second wave of indexing specifically for content that needs to be rendered. This can happen from minutes to days after the initial crawling and indexing of HTML content. For more information on rendering, take a look at the recap of our webinar with Bartosz Goralewicz all about JavaScript considerations for SEO.

The lesson: don’t rely on JavaScript if you want your frequently-changing content to stay up-to-date in the index.

Dynamic rendering as a solution

Martin described dynamic rendering as a “band-aid” to help website owners get their content indexed and get around the complications of traditional JavaScript rendering.

Here’s how it works to help your content be seen and indexed:

Google should be publishing developer documentation this week, so keep an eye out for it.

You can use Puppeteer and Rendertron to implement dynamic rendering.

What to watch out for with rendering

Testing how your site renders for Google

  1. Use the mobile-friendly testing tool, as this shows you the rendered HTML source code so you can check that everything displayed makes sense and is showing properly. As an added bonus, this tool also helps you optimise for mobile traffic (Google is currently working on making the screenshot of your site in the tool scrollable).
  2. Use the Google Search Console URL inspection tool and live test feature. The index caches things so it’s sometimes hard to see if something has worked or changed, so these new features allow you to see how Google can handle your site in real-time.

Martin also revealed that Google is working on improving its rendering service to update its current use of Chrome 41. This will be a long and complicated process, however, so for the time being check the official documentation to see what Google can and cannot do with rendering and the limitations of Chrome 41 to consider.

 

Jamie Alberico – SEO for Angular JS

Talk Summary

Jamie from Arrow Electronics explained why Angular JS is a useful tool to help you build great websites, as well as how you can test it to make sure it is complimenting your SEO strategy, not harming it.

You can view Jamie’s slides here.

Key Takeaways

What is Angular JS?

Angular is like ‘code lego’ with modular components that let you scale across JavaScript applications. It’s also open source which means sharing and collaboration between developers and SEOs.

You can think of it as a pop-up book, only a few lines are needed as they can create a whole website with just a template and some data.

The downside of Angular is that it strains the server, which is needed to assemble the website from the lines of code. However, once templates are loaded they don’t need to be reloaded so this is a one time job.

The problem with rendering

Before the announcement at Google I/O, we used to think of crawling and indexing as one instantaneous moment. However, the news of there being a second wave of indexing for JavaScript-rendered content shook everything up.

Now we know that JavaScript-powered content will be rendered and indexed by Google “whenever resource becomes available,” but what does this mean? Days? Weeks? Never?

Also, if the user doesn’t have JavaScript enabled in their browser or things go wrong (which can often happen…) websites can break for search engines and users.

Jamie found a workaround for this by testing moving key content to be rendered in the back-end, which significantly improved indexing.

How to tell if search engines can see your content

So, if your pages use JavaScript, can search engines actually see your content? The evidence says: probably not.

Here’s what you should do to make sure your content is seen:

Other tips on working with JavaScript

The main message that Jamie wanted us all to take away, was to iterate and test your projects, be open-source, then share what you’ve learned with others in your industry.

 

Marie Haynes – Super Practical Nuggets from Google’s Quality Raters’ Guidelines

Talk Summary

Marie shared her expertise on search engine algorithms as well as giving insights into how to improve website quality, and, therefore, rankings by looking at examples from the documentation within Google’s Quality Raters’ Guidelines.

Key Takeaways

What do Google’s Quality Raters do?

First of all, Marie recommended setting aside some time to go and read Google’s Quality Raters’ Guidelines (QRG) because there is so much useful information in there to help you think about how to improve the quality of your website for users.

Google's Quality Raters' Guidelines - Marie Haynes

The Quality Raters at Google are different from the webspam team. They won’t give you a penalty for quality issues, but they will review your site against the quality guidelines they are set. This information is then fed back into Google engineers who will tweak the algorithm as needed to make sure the highest quality sites are being given the most visibility.

This indirectly affects rankings because the algorithm mimics what is seen and judged against the QRG.

Reputation as a ranking factor

The reputation of websites and businesses is emphasised throughout the QRG, even though there’s only so much you can do about this as an SEO. The Quality Raters are told to flag issues where there are even mildly bad opinions of a site externally. They are also told to look out for negative reviews as these are a sign of very low quality. Businesses will be rated F for this out of a scale of A+ to F.

If people online are saying that they don’t like a business, it will be harder to rank well.

To address this issue, look at the quality of the reviews that have been left for your business. Are half of them negative, and, to make matters worse, are most of your competitors’ reviews positive? If so, this will certainly affect your rankings.

The August 1st update & E-A-T

Marie has seen that most of the sites affected by the August 1st update had issues with E-A-T (Expertise, Authoritativeness and Trust), particularly bad reviews and trust as many of them had received user complaints about their businesses. In the QRG, low-quality pages are defined as having low E-A-T so these factors do play a part in influencing the algorithms.

If you want to know how to improve your site’s quality E-A-T, Google’s Gary Illyes suggested that this is influenced by:

Sites with quality user-generated content (UGC) have been shown to rank highly because they feature the personal experiences of their users, and this is helpful content for others. This means you should add more high-quality UGC to your website because useful and genuine comments are the sign of a healthy website.

Ways to improve the quality of your website from the QRG

The key message that Marie wanted us to take away is to be authentic with our websites. SEO is about building trust, not links. People can see past what is fake, and Google is getting better every day at figuring out which sites are the ones that help people the most.

 

Luke Sherran – Video ranking factors in YouTube

Talk Summary

Luke from Falcon Digital examined the key ranking factors for making videos appear more prominently in YouTube, and how to maximise opportunities within the world’s second largest search engine.

Key Takeaways

The opportunities within YouTube & video marketing

Behind Google, YouTube is the second largest search engine in the world. That means there is a huge amount of opportunity to tap into.

The best way to do this is with an integrated approach to video and SEO – don’t just create a video without knowing how to promote it or what to do with it. It’s very difficult to reverse-engineer a marketing strategy around an existing video.

YouTube - the world's 2nd largest search engine

YouTube’s top 5 traffic sources

  1. Notifications: These are initially sent to around 10-15% of your subscribers when you publish a new video.
  2. Seeding: This is external traffic through social shares, external embeds, email marketing etc.
  3. Organic Search: This makes up around 20-40% of YouTube traffic.
  4. Related Videos: You can get traffic from bigger, more established channels.
  5. Browse Features: Great content has its reach extended by being added to the homepage as a featured video in the ‘Trending’ section, for example (you’ll know when this happens because you’ll see a huge spike in views!)

How YouTube’s algorithms work

YouTube is always experimenting and adding to its many different algorithms rather than changing them. This means the fundamentals always stay the same.

The algorithms are influenced more by machine learning and viewer satisfaction than metadata because there is more to be learned from user behaviour than anything that can be manipulated or written by brands themselves.

These are the key metrics to optimise for:

Luke gave this example looking at how thumbnails in particular feed into the algorithm as a ranking factor:

Best practices for uploading videos

Tick all these boxes for video optimisation:

 

Matt Siltala – Creating the Best Content in the World

Talk Summary

Matt and his company Avalaunch Media produce a lot of creative content for some of the biggest global brands, so he shared his own experiences on how to make the most out of visual content.

Key Takeaways

These are the points that are most often raised by clients:

But don’t get trapped in this black hole, you need to do these things but only in the right way. Stop thinking about likes and links – instead, figure out what the purpose will be for each piece of content (lead gen, brand awareness etc) as well as what problem it solves.

How to utilise infographics

Think about the different ways you can use and repurpose the asset of an infographic as you’re planning and creating it.

Here’s a checklist of how to best use an infographic at every stage:

  1. Create the infographic.
  2. Once it’s been approved, design an ‘infogram’ with the key stat or CTA (snippets of the infographic for Instagram).
  3. Deliver the infogram across Facebook, LinkedIn and Twitter.
  4. Create a quick snippet or video (‘motiongraphic’ based on the key stat or CTA chosen by the client.

This gives your audience something much easier to consume. The best way to get the most out of your visual content is to design it with ways to cut it up and take out small sections.

Getting the most out of your visual content

Matt gave an example of how his team’s ‘Social Meowdia’ infographic continues to be one of the most-shared pieces of content they’ve created to date. Its success depends on expanding and repurposing its content. It started with the social media channels as described by cats, and was then repurposed into a version featuring dogs which helped to raise a lot of money for the Humane Society.

Quote about brands embracing the need to connect with users

 

John Brasington – Contextual optimisation: How to create value led content for your ecosystem

Talk Summary

John from Pi Datametrics talked about how to ensure that new content adds value to the fragile ecosystem of your existing website, and how new and old content can be optimised to compliment one another.

Key Takeaways

As SEOs we are privileged because we have access to keyword data which is a window into the mindset of users. We can use this information to make it easier for them to find useful information.

Contextual optimisation & your site’s ecosystem

Contextual optimisation is based on understanding your website’s ecosystem and getting results from your content. Start by analysing the SERP ecosystem and which features appear for the keywords you want to target. Then you can get ahead of your competitors by optimising for these features.

Then categorise your own site’s ecosystem and optimise it by making connections between the different content on your website. Before new content is created, stop and think about how it will impact your ecosystem, namely site architecture and the customer journey. If new content isn’t connected in the same way, it might conflict with the context and topic connections that already exist.

How to optimise your site for new content

Adding appropriate linking between complimentary pages transfers information and understanding between pages to create a better-flowing user journey.

New content and existing ecosystem

Figure out your site’s entity groups by using the ‘site:’ operator to find relevant pages by topic e.g. ‘site:cnn.com “mueller case”’. This is the basis for categorising.

If you have conflicting articles, the keyword will probably be in the title, so refine this query to ‘site:cnn.com intitle:“mueller case”’.

Start understanding your content as an ecosystem and not as isolated instances. Understanding how everything connects together will positively impact revenue growth and visibility.

New content guide - John Brasington

 

Meg Fenn – Using stunning design to leverage your SEO

Talk Summary

Meg from Shake It Up Creative explained how design can be used to create better user flows and effectively communicate more impactful messages and sentiments to your users.

Key Takeaways

Creating a better user flow with graphic design

SEO is about communication – we have to get things across to users clearly and effectively. Similarly, the main focus of graphic design is communication which inspires people to take action.

The importance of graphic design for SEO

Graphic design evokes, communicates and converts. This is because it invokes trust, and when people trust, they buy.

UI, UX and collaboration are the 3 key ways in which you can bridge the gap between design and SEO for a better flow between projects.

How design aids conversions

How to design a website for trust

  1. Use high-quality photos.
  2. Use correct spelling.
  3. Use official brand assets.
  4. Site is fast to load.
  5. Site is accessible across devices.

These elements all build trust with users.

Also design for accessibility, such as using contrasting colours for people with colour-blindness (see WebAIM and ColorCube to learn more).

Tips for optimising your assets for conversions

Designing for mobile-first

Brain training is required because we’re so used to starting with desktop and going smaller down to mobile to make sure everything renders and appears correctly. Mobile mockups and designs shouldn’t be an afterthought any more, use Adobe XD, Adobe Spark and Bootstrap.

Mobile-first indexing helps (or forces…) SEOs, developers and designers to work better together to serve the best experience for mobile.

To learn more about mobile-first indexing, make sure you read our white paper on the topic.

 

More BrightonSEO September 2018 news still to come

We hope you found this recap useful! There were too many brilliant talks to be able to include them all in one post, so take a look at part 2 of our recap which will include even more talk takeaways. Also, our summary of the keynote session with Rand Fishkin can be found here.

Author

Rachel Costello
Rachel Costello

Rachel Costello is a Technical SEO & Content Manager at DeepCrawl. You'll most often find her writing and speaking about all things SEO.

 

Tags

Get the knowledge and inspiration you need to build a profitable business - straight to your inbox.

Subscribe today