The web is an ever-changing platform and so are the websites we create. With new technologies and possibilities come new challenges for both developers and SEOs. In this session, we will talk about how developers and SEOs can become a team and solve challenges together. We will look into a few scenarios where this collaboration can bring success to a project.
AI Generated Video Summary
Technical SEO is important for making content visible to search engines. Developers have a significant impact on the crawling and indexing process. Hash-based routing can lead to duplicate content issues, and it is recommended to use the History API instead. In 2019, 12% of websites still used fragmented URLs.
1. Introduction to Technical SEO
Hello and welcome everybody! Today, I'll be talking about technical SEO and its importance in making your content visible to people searching for it. SEO is a broad field, and while it's not only technical, we'll focus on the technical side in this talk. Search engines follow a process that involves making HTTP requests, understanding the content, indexing it, and ranking it. As developers, we have a significant impact on this process, as both the server-side and client-side influence whether a website can be crawled and indexed. Focusing on crawling and indexing can have a substantial impact on SEO.
Hello and welcome everybody out there, I'm super excited to be talking about technical SEO to all of you today. Specifically I want to focus a little bit on Vue.js, but basically none of the things that I talk about are very, very Vue.specific. If you want to learn more about Vue.specific SEO then I'll show you a few resources after the talk.
So when we talk about SEO, then a lot of people are like, what does it even mean? Besides the obvious meaning which is search engine optimization, it seems that it's very non-obvious to a lot of people what this is and a bunch of people think it's basically snake oil and trying to sell links and stuff like that. It's not that. Fundamentally, what SEO is about is making sure that what you are creating, what you are putting online there is actually visible to people looking for it, right? Because if you are going online to seek something that you don't know yet, then you're going through your search engine of choice and you search for whatever it is that you need and you find potential web applications or websites that are serving that specific purpose. To do so, you need to make sure that search engines can actually, you know, find your things and thus people using search engines can actually find the things that you built. And that entails making sure that the robots, which are the search engines, because they are computer programs that consume your content. You need to make sure that these robots actually can process and understand what you're putting out there on the web. And for that, there is a bunch of stuff that needs to be done and a bunch of it is technical, but not all of it is technical.
So SEO is a very broad field, similar to how software engineering is a very broad field. You might do frontend, you might do backend, you might do embedded systems, you might do game development. SEO is not only technical, but we'll focus on the technical side today, as we are all developers.
2. Hash-based Routing and SEO
Hash-based routing is not ideal for SEO as it can lead to duplicate content issues. Instead, it is recommended to use the History API for better crawling and indexing. In 2019, 12% of the websites we crawled still used fragmented URLs.
So you have a host, you have a path, and sometimes you have subsections. The thing with these hashes, or fragments as they are called technically, is that they are not meant to address different content. So page should have a lot of content and then part of it is the content that is addressed by subsection. But it's not that if I have page and then I change the fragment that I get completely new content that I wouldn't have seen beforehand if I would have gone to slash page.
Unfortunately, that's what a lot of people are doing. They are using hash-based routing, which is legitimate because it is a lot easier to set up for a local development server. But nonetheless, for SEO purposes, this is not great because a crawler assumes that these two pages are the same as the homepage here, right? The hash about should just be a part of what is already on the homepage on slash. Same with an exclamation mark in there. We have a specific URL crawling scheme for such URLs but we have deprecated it because we found it not to work that well. So definitely make sure to use History API rather than Hash Based Routing. In 2019, 12% of the websites we crawled for the Web Armor Doc unfortunately continue to use fragmented URLs.