{"id":16095,"date":"2021-12-22T13:22:36","date_gmt":"2021-12-22T11:22:36","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=16095"},"modified":"2022-01-25T22:03:08","modified_gmt":"2022-01-25T20:03:08","slug":"essential-parts-of-the-website","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/","title":{"rendered":"Essential Parts of the Website: How Does the Site Work From Within?"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-21px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">In this article, we will figure out what external parts of a website are there and what is the internal structure of the site. The site, like any program on your computer, looks clear and easy to navigate for the user. However, if a person who does not know special programming languages looks inside the site\u2019s code, they won\u2019t be able to separate the parts of the web page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fortunately, the visitors don&#8217;t need to see the skeleton of our site. They only access a beautiful external informative shell divided into several parts. Some parts of the homepage stay the same for all the site\u2019s pages while others change. How does it work and why? Read on to find out what website parts should be always present and how to achieve their proper functioning from the inside.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69ed4275983dc\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69ed4275983dc\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#What_are_the_external_parts_of_the_website_interface\" >What are the external parts of the website interface?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#Site_structure_for_webmasters_What_does_the_site_consist_of_inside\" >Site structure for webmasters. What does the site consist of inside?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#How_does_the_site_work\" >How does the site work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_are_the_external_parts_of_the_website_interface\"><\/span>What are the external parts of the website interface?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Header<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">It is located at the very top of any page on the site. It displays the name of the site, its brief description, and a picture (<\/span><a href=\"https:\/\/${domain}\/blog\/15-personal-logo-ideas-and-examples\/\"><span style=\"font-weight: 400;\">logo<\/span><\/a><span style=\"font-weight: 400;\">). The header is one of those parts of a website that presents the essence of the platform. It also includes the navigation menu, possibly a site search, and an account login panel (if there is a registration feature on the site).<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/header.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/header.png&#038;#8221<\/a>; alt=&#8221;parts of a website&#8221; title_text=&#8221;header&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">You can place an advertisement in the form of a banner there or any other interactive pop-up depending on your preferences and specific needs. The header stays the same or almost the same for all the site\u2019s pages.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Site Body<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The site body can be called the main part of a website. All vital site information is located here. In contrast to the site header, there are no restrictions concerning what you should put here. The <\/span><a href=\"https:\/\/${domain}\/blog\/website-header-design-best-practices-how-to-make-it\/\"><span style=\"font-weight: 400;\">header <\/span><\/a><span style=\"font-weight: 400;\">must be brief and logically conclude the following information. Thus, the site body includes everything you want to share:<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">articles and comments to them;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">advertisements;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">subscription plans;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">links to other parts of a website;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">videos and pictures;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">news and other content.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">You have the complete freedom to post whatever you need here. The site body is among those website parts that you will change and upgrade from one page to another. It offers unique content that belongs to a specific URL.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Sidebar<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The sidebar contains various information and navigation widgets (that you can create in WordPress), modules (Joomla). These components of a website include advertising, headings of articles, contacts in social networks, buttons for subscribing to a newsletter, logging into an account, various informers (calendar, clock, weather, exchange rates, etc.), site search, and site traffic counters.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/sidebar.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/sidebar.png&#038;#8221<\/a>; alt=&#8221;parts of a web page&#8221; title_text=&#8221;sidebar&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">There can be several sidebars, one on the left side and the other on the right or they may be doubled. It all depends on the site template and <\/span><a href=\"https:\/\/${domain}\/blog\/12-best-practices-for-website-navigation\/\"><span style=\"font-weight: 400;\">current website trends<\/span><\/a><span style=\"font-weight: 400;\">. Of course, the sidebar should be brief and offer a generalized list of what you can do on the site. It changes slightly depending on the site\u2019s page.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Footer<\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Located at the very bottom of the site, the footer is a small note published after the main content. Site authors usually post various attendance counters, information on the rights to use the content posted on this site, or legal claims in this section. <\/span><a href=\"https:\/\/${domain}\/blog\/15-website-footer-examples-best-footer-designs-for-your-inspiration\/\"><span style=\"font-weight: 400;\">Footer<\/span><\/a><span style=\"font-weight: 400;\"> belongs to those parts of a website layout that stay the same for all the pages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/footer.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/footer.png&#038;#8221<\/a>; alt=&#8221;website parts&#8221; title_text=&#8221;footer&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Site_structure_for_webmasters_What_does_the_site_consist_of_inside\"><\/span><span style=\"font-weight: 400;\">Site structure for webmasters. What does the site consist of inside?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Domain name<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">It is the site\u2019s address. You should enter this unique short name into the search field to find the platform on the web.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/471ea574-c309-4194-a42d-f1acf08ba8c4.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/471ea574-c309-4194-a42d-f1acf08ba8c4.png&#038;#8221<\/a>; alt=&#8221;webpage sections&#8221; title_text=&#8221;domain-definition&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span style=\"font-weight: 400;\">Hosting<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A hosting is a special server that allocates space for storing site files, provides constant access to the Internet, and also takes the system load. Thus, it presents a physical place for storing the code and all internal structures.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Website Design<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">All parts of a website that you see upon opening the page make up the <\/span><a href=\"https:\/\/${domain}\/blog\/what-makes-a-good-website\/\"><span style=\"font-weight: 400;\">site&#8217;s design<\/span><\/a><span style=\"font-weight: 400;\">. All this is displayed on the site using ordinary images with different resolutions (<\/span><a href=\"https:\/\/${domain}\/blog\/jpg-vs-jpeg-what-is-there-any-difference\/\"><span style=\"font-weight: 400;\">.jpg<\/span><\/a><span style=\"font-weight: 400;\"> or .gif) and special codes, drawn up in the CSS style language. All codes are stored on the hosting in one file, for example, &#8220;style.css&#8221;. This code is responsible on the site for the color, size, font, the place where this or that fragment or picture should be located.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">HTML<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When the design of the website parts is ready, the whole page is drawn using a special HTML language understood by the Internet browser. All design ideas are put together into one common code. Previously, the HTML code was written separately for each page, but now these principles have changed towards a more optimized approach.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">JavaScript<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">This wonderful tool allows pages to be <\/span><a href=\"https:\/\/${domain}\/blog\/animation-portfolios-examples\/\"><span style=\"font-weight: 400;\">more dynamic<\/span><\/a><span style=\"font-weight: 400;\">. When a page is written exclusively in HTML, it is completely static. And thanks to JavaScript, we can enjoy things like pop-ups, slide-out bookmarks, sliding blocks, and much, much more.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Programming Language<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Everything moves and everything changes. With the development of the site, the number of pages also grows, and it is very routine work to write and change the HTML code of each page. This is the reason why programming languages \u200bthat automate the process of creating pages have emerged.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">PHP has become the leader among all such languages \u200b\u200bfor the web. Special CMS (WordPress, Joomla, Drupal) were created on its base allowing people without programming skills to easily create and manage separate components of a website and pages on the Internet. CMS integrates special algorithms that are written in files (page.php, index.php, functions.php, etc.) to optimize the site&#8217;s operation.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Database<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When the site has a large amount of information, the easiest way is to store it in a database. With the help of the database, we can supplement, remove and change information about the website sections.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_does_the_site_work\"><\/span><span style=\"font-weight: 400;\">How does the site work?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Did you ever wonder what processes take place after you open the Internet browser and type in the domain name of the site? Here is a step by step explanation:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The domain name tells the browser where the site is located.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The browser, in turn, requests the hosting service to display the site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The hosting checks the form of the requested page. If it is just an HTML file, then it gives it to the browser, and if the site is written in a programming language, then the page formation process begins.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">According to the algorithm, an HTML page template is compiled and filled with data from the database that corresponds to the requested page.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">After the page is formed, it is sent to the browser.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The browser code starts to load everything sequentially.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This process takes very little time, but if you have a slow Internet connection, you can notice the browser downloading the sections of a website you need.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><span style=\"font-weight: 400;\">Conclusion<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Of course, if you are just a novice webmaster, then you may not yet quite understand everything. But everything comes with experience. You need to practice to gain experience. Take action, <\/span><a href=\"https:\/\/weblium.com\/\"><span style=\"font-weight: 400;\">create your first website<\/span><\/a><span style=\"font-weight: 400;\"> on Weblium, and good luck in this challenging business.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Complete the information in the comments, and feel free to ask your questions about the basic parts of a website. Finally, don&#8217;t forget to subscribe to our blog updates! Good luck!<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we will figure out what external&#8230;<\/p>\n","protected":false},"author":20,"featured_media":16099,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[122],"tags":[],"class_list":["post-16095","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog<\/title>\n<meta name=\"description\" content=\"In this article we will look at the main technical parts of the website and the visual website sections and components.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog\" \/>\n<meta property=\"og:description\" content=\"In this article we will look at the main technical parts of the website and the visual website sections and components.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-22T11:22:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-25T20:03:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"660\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucy Kuharenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucy Kuharenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/\"},\"author\":{\"name\":\"Lucy Kuharenko\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\"},\"headline\":\"Essential Parts of the Website: How Does the Site Work From Within?\",\"datePublished\":\"2021-12-22T11:22:36+00:00\",\"dateModified\":\"2022-01-25T20:03:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/\"},\"wordCount\":1475,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cover.png\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/\",\"name\":\"Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cover.png\",\"datePublished\":\"2021-12-22T11:22:36+00:00\",\"dateModified\":\"2022-01-25T20:03:08+00:00\",\"description\":\"In this article we will look at the main technical parts of the website and the visual website sections and components.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cover.png\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cover.png\",\"width\":1200,\"height\":660,\"caption\":\"Essential Parts of the Website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/essential-parts-of-the-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Essential Parts of the Website: How Does the Site Work From Within?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\",\"name\":\"Lucy Kuharenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"caption\":\"Lucy Kuharenko\"},\"description\":\"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/miledon88\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/liudmyla-kuharenko-057ab71a9\\\/\"],\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/l-kuharenko\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog","description":"In this article we will look at the main technical parts of the website and the visual website sections and components.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/","og_locale":"en_US","og_type":"article","og_title":"Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog","og_description":"In this article we will look at the main technical parts of the website and the visual website sections and components.","og_url":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2021-12-22T11:22:36+00:00","article_modified_time":"2022-01-25T20:03:08+00:00","og_image":[{"width":1200,"height":660,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","type":"image\/png"}],"author":"Lucy Kuharenko","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Lucy Kuharenko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/"},"author":{"name":"Lucy Kuharenko","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa"},"headline":"Essential Parts of the Website: How Does the Site Work From Within?","datePublished":"2021-12-22T11:22:36+00:00","dateModified":"2022-01-25T20:03:08+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/"},"wordCount":1475,"commentCount":3,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/","url":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/","name":"Essential Parts of the Website: How Does the Site Work From Within? - Weblium Blog","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","datePublished":"2021-12-22T11:22:36+00:00","dateModified":"2022-01-25T20:03:08+00:00","description":"In this article we will look at the main technical parts of the website and the visual website sections and components.","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/essential-parts-of-the-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","width":1200,"height":660,"caption":"Essential Parts of the Website"},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/essential-parts-of-the-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/${domain}\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"Essential Parts of the Website: How Does the Site Work From Within?"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa","name":"Lucy Kuharenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","caption":"Lucy Kuharenko"},"description":"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.","sameAs":["https:\/\/www.instagram.com\/miledon88\/","https:\/\/www.linkedin.com\/in\/liudmyla-kuharenko-057ab71a9\/"],"url":"https:\/\/${domain}\/blog\/author\/l-kuharenko\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cover.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=16095"}],"version-history":[{"count":7,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16095\/revisions"}],"predecessor-version":[{"id":16255,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16095\/revisions\/16255"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/16099"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=16095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=16095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=16095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}