How does a website get to a browser from the server?

  • User requests domain: After the domain name is linked with an IP address via a DNS, people can type the domain name directly into their browser.
  • Browser makes a request: When someone requests the browser to open a website, the browser looks at the DNS request to convert the domain name to its IP address. The browsers make a request to the server for web page code developed with HTML, CSS, and JavaScript.
  • Server sends resources: When the server receives a request, it sends the website files to the user’s browser.
  • Browser assembles the web page: When the browser receives the resources from the server, it creates a DOM (Document Object Model). The DOM is what you see when you right click and inspect elements on the browser.
  • Website appears in the browser: After all the steps above, you will now see the website. 

Now after understanding the process of how a website comes to the browser, let’s look at the programming languages used to develop website pages. 

  •  HTML: Structure of website
  • CSS: Design of website
  •  JavaScript: Behavior of website

HTML and SEO

HTML stands for Hypertext Markup Language. It uses different tags or elements like headings, meta tags, images, lists, paragraphs, tables, forms, and content to create a web page. HTML is the backbone of the websites. It is significant for SEO because it plays a vital role in how a web page ranks in organic search. Below are some important tags for SEO:

  • Title tags
  • Description tags (meta)
  • Header tags
  • Images with alt tags

CSS and SEO

CSS stands for cascading style sheets, which is the design of a page. It describes how a website looks and makes a page look better. It works on fonts, colors, and layouts. The components of CSS help to optimize the site in the following ways: Since the CSS can have external files, it makes your page less code-heavy and makes the load time faster, which leads to better crawling and indexing by search engines.

JavaScript and SEO

It defines how a particular website behaves. While HTML and CSS provide the structure and style to the pages, JavaScript makes them dynamic. It creates interactive effects within the web browsers. It provides validations for pages and pop-ups and can request third-party resources like ads to display on your page.

Get more information about CSS and SEO.