How the Internet Works: Protocols, Architecture, and SEO

How the Internet Works

Web Protocols

  • HTTP: Used for transferring hypertext requests and information on the WWW. It governs communication between the web server and the web browser.
  • HTTPS: An extension of HTTP that creates a layer of security via encryption, using SSL/TLS to ensure secure communication.

File Protocols

  • FTP (File Transfer Protocol): A simple way to upload and download files between a client and a server.
  • FTPS: Similar to FTP but adds a layer of security.
  • SFTP (SSH File Transfer Protocol): Provides secure file transfer and manipulation capabilities over a secure data stream, using SSH for encryption and authentication.

Email Protocols

  • POP (Post Office Protocol): Used to retrieve emails from a device for offline access.
  • SMTP (Simple Mail Transfer Protocol): Responsible for the transmission of emails between servers over the internet.

Server Communication Protocol

  • Telnet: Provides interactive command-line access to a remote server. It lacks security, so SSH is commonly used instead.

Client Navigation and Server Response

Client Navigation Process

  1. Process Starts: Call to server.
  2. HTML: Interpreted.
  3. CSS: Interpreted.
  4. JavaScript: Executed.
  5. Multimedia: Content is displayed.

Server-Side Processing

  1. Client request is answered by the server.
  2. Business logic is executed (e.g., Python, Java).
  3. Data is obtained from the database.
  4. Stats are generated.
  5. Stats are sent to the client.

Server Response Codes

  • 200: Success; page found and delivered.
  • 301/302: 301 (Permanent redirection); 302 (Temporary redirection).
  • 404: Page not found; server responded, but the resource is unavailable.
  • 500/503: 500 (Server/code error); 503 (Access not allowed).

Web Development Fundamentals

Core Technologies

  • HTML: A tag-based markup language interpretable by web browsers.
  • CSS (Cascading Style Sheets): Used to present content; composed of selectors and rules.
  • JavaScript: A programming language that runs on the client side to modify page content.

Rich Snippets and SEO

HTML markup embedded in the code that provides search engines with advanced information to display enhanced visual results on search engine result pages (SERPs).

Choosing a Domain Name

  1. Balance branding and SEO.
  2. Use relevant keywords.
  3. Clearly identify the website’s purpose.
  4. Extra: Check availability, trends, and domain extensions.

Hosting Types

  • Shared Hosting: Least expensive; resources are shared. Managed by the reseller.
  • VPS (Virtual Private Server): Storage is virtualized and separated. Usually unmanaged.
  • Dedicated Hosting: Exclusive server resources for high-performance projects.
  • Cloud Hosting: Virtualized servers with scalable CPU, space, and memory limits.

Content Delivery Network (CDN)

  • Distributes content globally.
  • Improves response times.
  • Enhances page performance for search engines.

Web Architecture

Information architecture is critical for SEO and user experience. A comprehensive structure makes a website more usable and navigable.

Website Types

  • Company/Standard Page: Should include breadcrumbs, category architecture, conversion objectives (contact forms), and immediate communication (chats).
  • Personal/Commercial Blog: Focuses on post publication. Should include breadcrumbs, interlinking, and a homepage with relevant info.
  • Landing Pages: Designed to improve conversion by minimizing navigation. Features a flat, horizontal structure with full-page scrolling.
  • Online Shop: A mixture of structures. Includes home, category pages, product lists/details, and a shopping cart.

Pillar Pages and Topic Clusters

Pillar pages capture traffic through organic positioning by covering topics in detail. Topic clusters are sets of content pieces created to answer frequently asked questions.

HTML Tag Reference

  • H1-H6: Headings (H1 is the most important).
  • Head: Delimits the page header.
  • Title: Defines the page title (not visible on the page).
  • B/I: Bold and italics.
  • UL/OL/LI: Unordered, ordered, and list items.
  • A href: Defines a hyperlink.