{"id":7660,"date":"2024-12-17T01:59:05","date_gmt":"2024-12-16T18:59:05","guid":{"rendered":"https:\/\/headcreative.co.id\/?p=7660"},"modified":"2024-12-30T15:39:16","modified_gmt":"2024-12-30T08:39:16","slug":"website-navigation-structure","status":"publish","type":"post","link":"https:\/\/headcreative.co.id\/en\/website-navigation-structure\/","title":{"rendered":"How to Determine an Effective and Simple Website Navigation Structure"},"content":{"rendered":"<h2><strong>What is Website Navigation Structure and Why Is It Important?<\/strong><\/h2>\n<p>The website navigation structure is the framework or layout designed to help visitors easily navigate the content of a website. Similar to a map, the navigation structure provides users with guidance on where information is located and how to access it. This navigation can take the form of menus, breadcrumbs, internal links, and search bars.<\/p>\n<p>A good navigation structure aims to create a seamless user experience, minimize confusion, and ensure that information is accessible without excessive effort. Not only for humans, but this structure also helps search engines like <a href=\"https:\/\/www.google.co.uk\/\" target=\"_blank\" rel=\"noopener\">Google<\/a> understand the content and hierarchy of your website pages.<\/p>\n<h3><strong>Why Is Website Navigation Structure So Important?<\/strong><\/h3>\n<p>Navigation structure is not just an additional element; it\u2019s the foundation of your website. Here are the key reasons why it is crucial:<\/p>\n<h4><strong>1. Enhancing User Experience (UX):<\/strong><\/h4>\n<ul>\n<li>Intuitive navigation makes users feel comfortable and avoids frustration when searching for information.<\/li>\n<li>Websites with a well-designed navigation structure tend to retain visitors longer, leading to higher conversion rates.<\/li>\n<li>Studies show that visitors take only a few seconds to decide whether to stay on a website or leave. Clear navigation can be the determining factor.<\/li>\n<\/ul>\n<h4><strong>2. Helping Search Engines Understand Your Website (SEO-Friendly):<\/strong><\/h4>\n<ul>\n<li>Google relies on navigation structure to crawl and index the pages on your website.<\/li>\n<li><strong>Internal Linking<\/strong>: A good navigation structure creates links between pages, helping Google identify the important pages on your site.<\/li>\n<li><strong>Clear Hierarchy<\/strong>: Search engines favor websites with organized hierarchies, from main categories to subcategories.<\/li>\n<\/ul>\n<p>Poor navigation often results in a high bounce rate, negatively impacting search ranking.<\/p>\n<h4><strong>3. Simplifying User Decision-Making:<\/strong><\/h4>\n<ul>\n<li>With a tidy navigation structure, visitors can immediately understand the flow and purpose of your website.<\/li>\n<li>For example, in an online store, a structure like <em>\u201cHome &gt; Products &gt; Men\u2019s Clothing &gt; Shirts\u201d<\/em> can direct customers quickly to the products they are looking for.<\/li>\n<\/ul>\n<h4><strong>4. Reducing Confusion:<\/strong><\/h4>\n<ul>\n<li>Poor navigation often causes users to lose their way, leading to frustration and abandonment of the website.<\/li>\n<li><strong>Breadcrumbs<\/strong> are an essential element to help users track their location within the website.<\/li>\n<\/ul>\n<h3><strong>Characteristics of an Ideal Website Navigation Structure<\/strong><\/h3>\n<p>To ensure your website navigation is truly effective, make sure it meets these criteria:<\/p>\n<ul>\n<li><strong>Easy to Understand<\/strong>: Use simple language familiar to your target audience.<\/li>\n<li><strong>Consistent<\/strong>: Ensure uniform navigation elements across all pages.<\/li>\n<li><strong>Mobile-Friendly<\/strong>: Make sure the navigation works seamlessly on mobile devices.<\/li>\n<li><strong>Minimize Clicks<\/strong>: Important information should be accessible within 2-3 clicks from the homepage.<\/li>\n<\/ul>\n<h3><strong>Types of Website Navigation Structures<\/strong><\/h3>\n<p>The navigation structure is a vital element that determines how visitors explore your website. Choosing the right navigation type depends on the website&#8217;s purpose and user needs. Below are common types of navigation structures, complete with examples and applications:<\/p>\n<h4><strong>1. Hierarchical (Tree Structure)<\/strong><\/h4>\n<p>The hierarchical structure is one of the most commonly used navigation models. As the name suggests, this model resembles a tree with branches connecting various parts of the website.<\/p>\n<p><strong>Best For:<\/strong><br \/>\nWebsites with a large number of pages, such as e-commerce, news portals, or large blogs.<\/p>\n<p><strong>Key Features:<\/strong><\/p>\n<ul>\n<li>The homepage serves as the \u201croot\u201d that connects to categories or subcategories.<\/li>\n<li>Information is organized based on priority levels.<\/li>\n<\/ul>\n<p><strong>Example Implementation:<\/strong><br \/>\nFor an online store, the hierarchical navigation might look like this:<\/p>\n<ul>\n<li>Home\n<ul>\n<li>Products\n<ul>\n<li>Clothing\n<ul>\n<li>Shirts<\/li>\n<li>Pants<\/li>\n<\/ul>\n<\/li>\n<li>Accessories\n<ul>\n<li>Bags<\/li>\n<li>Watches<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Advantages:<\/strong><\/p>\n<ul>\n<li>Makes it easier for users to find specific information quickly.<\/li>\n<li>Provides a clear and organized structure.<\/li>\n<\/ul>\n<p><strong>Implementation Tips:<\/strong><\/p>\n<ul>\n<li>Avoid creating overly deep hierarchies (maximum 3-4 levels).<\/li>\n<li>Use breadcrumbs to help users track their location within the hierarchy.<\/li>\n<\/ul>\n<h4><strong>2. Linear<\/strong><\/h4>\n<p>Linear navigation offers a step-by-step flow, guiding users through content in a structured manner. This model is suitable for websites focused on learning experiences or structured presentations.<\/p>\n<p><strong>Best For:<\/strong><br \/>\nE-learning, tutorials, or step-based processes like registrations.<\/p>\n<p><strong>Key Features:<\/strong><\/p>\n<ul>\n<li>Each page is connected sequentially.<\/li>\n<li>Users are directed to explore content chronologically.<\/li>\n<\/ul>\n<p><strong>Example Implementation:<\/strong><br \/>\nFor an online course, linear navigation might look like this:<\/p>\n<ul>\n<li>Module 1: Introduction<\/li>\n<li>Module 2: Basics of Navigation<\/li>\n<li>Module 3: Practical Examples<\/li>\n<li>Module 4: Evaluation and Certification<\/li>\n<\/ul>\n<p><strong>Advantages:<\/strong><\/p>\n<ul>\n<li>Controls the user experience with a predefined flow.<\/li>\n<li>Ideal for learning objectives or product introductions.<\/li>\n<\/ul>\n<p><strong>Implementation Tips:<\/strong><\/p>\n<ul>\n<li>Add \u201cNext\u201d and \u201cPrevious\u201d buttons on each page to facilitate navigation.<\/li>\n<li>Provide direct access to a table of contents for users who want to jump to specific sections.<\/li>\n<\/ul>\n<h4><strong>3. Matrix<\/strong><\/h4>\n<p>The matrix structure allows users to explore content freely based on their choices. This model is highly interactive and flexible, ideal for users who prefer exploration.<\/p>\n<p><strong>Best For:<\/strong><br \/>\nWebsites focused on personalized experiences, such as directories, community portals, or interactive tools.<\/p>\n<p><strong>Key Features:<\/strong><\/p>\n<ul>\n<li>There is no fixed navigation path; users can start from any point.<\/li>\n<li>Content is interconnected through internal links.<\/li>\n<\/ul>\n<p><strong>Example Implementation:<\/strong><br \/>\nFor a movie directory website, matrix navigation might look like this:<\/p>\n<ul>\n<li>Users choose a category: \u201cGenre,\u201d \u201cRelease Year,\u201d or \u201cActor.\u201d<\/li>\n<li>Each choice leads to pages directly related to their preferences.<\/li>\n<\/ul>\n<p><strong>Advantages:<\/strong><\/p>\n<ul>\n<li>Provides users with the freedom to explore content.<\/li>\n<li>Suitable for websites with vast and varied content.<\/li>\n<\/ul>\n<p><strong>Implementation Tips:<\/strong><\/p>\n<ul>\n<li>Ensure all links function properly and remain relevant.<\/li>\n<li>Add a search feature to help users find desired content quickly.<\/li>\n<\/ul>\n<blockquote><p><strong>Read Also: <a href=\"https:\/\/headcreative.co.id\/en\/create-an-effective-and-engaging-landing-page\/\">How to Create an Effective and Attractive Landing Page<\/a><\/strong><\/p><\/blockquote>\n<h2><strong>Steps to Determine the Right Website Navigation Structure<\/strong><\/h2>\n<p>Designing an effective website navigation structure requires a strategic approach. It\u2019s not just about aesthetics but also about how users can easily explore the website, find the information they need, and leave with a positive impression. Below are the steps you can follow to create the right website navigation.<\/p>\n<h3><strong>1. Research User Needs<\/strong><\/h3>\n<p>The first step is to understand user needs. Without insights into what your audience is looking for, the navigation you design might be irrelevant or even confusing.<\/p>\n<p><strong>How to Research User Needs:<\/strong><\/p>\n<ul>\n<li><strong>Website Data Analysis<\/strong>: Use tools like Google Analytics to determine the most frequently visited pages.<\/li>\n<li><strong>User Interviews or Surveys<\/strong>: Ask your audience directly what they consider important on your website.<\/li>\n<li><strong>User Journey Map<\/strong>: Identify the steps users take to reach specific goals on your website.<\/li>\n<\/ul>\n<p><strong>Expected Outcome:<\/strong><\/p>\n<ul>\n<li>Understand user priorities.<\/li>\n<li>Identify key information that must be easily accessible.<\/li>\n<\/ul>\n<h3><strong>2. Define the Main Goals of the Website<\/strong><\/h3>\n<p>Every website has different objectives. Do you want to sell products, share information, or encourage service sign-ups? Defining the main goals will help you prioritize the navigation structure.<\/p>\n<p><strong>Steps to Define Website Goals:<\/strong><\/p>\n<ul>\n<li><strong>Set Primary Goals<\/strong>: For example, for e-commerce websites, the primary goal is to drive purchases.<\/li>\n<li><strong>Identify Secondary Goals<\/strong>: Such as building trust through blogs or customer reviews.<\/li>\n<li><strong>Organize Information Based on Goals<\/strong>: Ensure pages supporting the primary goals are easy to find.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<ul>\n<li>For an online store: \u201cHome &gt; Product Categories &gt; Featured Products.\u201d<\/li>\n<li>For a blog: \u201cHome &gt; Latest Articles &gt; Popular Topics.\u201d<\/li>\n<\/ul>\n<h3><strong>3. Create a Wireframe or Initial Sketch<\/strong><\/h3>\n<p>After understanding user needs and setting goals, it\u2019s time to visualize the navigation structure with a wireframe or sketch. This step helps you see the big picture of navigation before applying the final design.<\/p>\n<p><strong>What is a Wireframe?<\/strong><br \/>\nA wireframe is a simple visual representation of the website layout that shows how navigation elements will be arranged.<\/p>\n<p><strong>How to Create a Wireframe:<\/strong><\/p>\n<ul>\n<li>Use tools like <strong>Figma<\/strong>, <strong>Sketch<\/strong>, or even paper and pencil.<\/li>\n<li>Define the position of key elements, such as the main menu, submenus, and footer.<\/li>\n<li>Ensure the information hierarchy is clear.<\/li>\n<\/ul>\n<p><strong>Tips:<\/strong><\/p>\n<ul>\n<li>Test the wireframe with users to gather early feedback.<\/li>\n<li>Avoid including too many elements in the main menu; focus on the most relevant categories.<\/li>\n<\/ul>\n<h3><strong>4. Optimize Dropdown Menus and Internal Linking<\/strong><\/h3>\n<p>Once the wireframe is ready, the next step is optimizing navigation elements to improve accessibility and user experience.<\/p>\n<p><strong>a. Dropdown Menus:<\/strong><br \/>\nDropdown menus are an effective way to organize multiple options under one main category.<\/p>\n<p><strong>Tips:<\/strong><\/p>\n<ul>\n<li>Use dropdowns with related categories.<\/li>\n<li>Avoid making them too long or too deep (maximum of 2-3 levels).<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><br \/>\nHome &gt; Products &gt; Clothing &gt; Men\u2019s Shirts<\/p>\n<p><strong>b. Internal Linking:<\/strong><br \/>\nInternal links not only help users navigate the website but also support SEO by providing context to search engines.<\/p>\n<p><strong>Tips:<\/strong><\/p>\n<ul>\n<li>Link relevant content within blog articles or product pages.<\/li>\n<li>Use descriptive anchor text that explains the target page.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><br \/>\nIn a blog article about \u201cMen\u2019s Fashion,\u201d add a link to \u201cLatest Men\u2019s Shirt Collection.\u201d<\/p>\n<blockquote><p><strong>Take Advantage of Our Services: <a href=\"https:\/\/headcreative.co.id\/en\/website-development-services\/\">Website Development Services<\/a><\/strong><\/p><\/blockquote>\n<h2><strong>Tips for Creating Effective Website Navigation<\/strong><\/h2>\n<p>Effective website navigation is not only about simplifying the user experience but also about creating a professional impression and boosting SEO performance. With a few simple steps, you can ensure visitors feel comfortable exploring your website. Here are practical tips for building effective navigation.<\/p>\n<h3><strong>1. Use Language That is Easy for Your Target Audience to Understand<\/strong><\/h3>\n<p>Navigation language serves as the first guide for users. If the language is too technical or doesn\u2019t match the audience, they may become confused and leave your website.<\/p>\n<p><strong>Tips for Effective Navigation Language:<\/strong><\/p>\n<ul>\n<li>Use familiar terms for your target audience.<br \/>\nExample: Instead of \u201cCreative Portfolio,\u201d use \u201cOur Work.\u201d<\/li>\n<li>Avoid jargon unless your website targets a specific niche audience.<\/li>\n<li>Keep menu names short and clear, such as <strong>\u201cProducts,\u201d \u201cAbout Us,\u201d<\/strong> or <strong>\u201cContact.\u201d<\/strong><\/li>\n<\/ul>\n<p><strong>Why is This Important?<\/strong><br \/>\nSimple language not only helps users but also enables search engines to better understand your website structure, improving your chances of ranking higher in search results.<\/p>\n<h3><strong>2. Avoid Overloading the Menu (7+\/-2 Rule)<\/strong><\/h3>\n<p>When visitors face too many options, they tend to feel overwhelmed and confused. The 7+\/-2 rule, derived from psychological research, suggests that humans optimally process between 5 to 9 items at once.<\/p>\n<p><strong>How to Apply It:<\/strong><\/p>\n<ul>\n<li>Limit your main menu to a maximum of <strong>7 items<\/strong>.<\/li>\n<li>Example: Main menu items like <strong>\u201cHome, Products, Services, Blog, About Us, Contact.\u201d<\/strong><\/li>\n<li>If you have many categories, use dropdown menus to simplify navigation.<\/li>\n<li>Group subcategories under main categories.<\/li>\n<\/ul>\n<p><strong>Benefits:<\/strong><\/p>\n<ul>\n<li>Makes it easier for users to find what they need without feeling overwhelmed.<\/li>\n<li>Gives your website a professional and organized impression.<\/li>\n<\/ul>\n<h3><strong>3. Maintain Consistency in Design Across All Pages<\/strong><\/h3>\n<p>Consistency is a crucial element in navigation design. Users feel comfortable when the navigation they see on one page remains the same as they move to another page.<\/p>\n<p><strong>Elements That Should Be Consistent:<\/strong><\/p>\n<ul>\n<li><strong>Navigation Location<\/strong>: Keep the main menu in the same position, such as at the top or side of the page.<\/li>\n<li><strong>Visual Style<\/strong>: Use uniform colors, font sizes, and icons across all pages.<\/li>\n<li><strong>Interactions<\/strong>: Hover and click effects on menus should be consistent throughout.<\/li>\n<\/ul>\n<p><strong>Design Tips:<\/strong><\/p>\n<ul>\n<li>Use a harmonious design theme to create a seamless experience.<\/li>\n<li>Avoid changing navigation on specific pages, as this can make users feel lost.<\/li>\n<\/ul>\n<p><strong>Result:<\/strong><br \/>\nConsistent navigation builds user trust in your website and enhances their overall experience.<\/p>\n<h3><strong>4. Conduct Usability Testing on Users<\/strong><\/h3>\n<p>You may think your website navigation is perfect, but only users can provide real feedback. Usability testing is the best way to ensure your navigation works as intended.<\/p>\n<p><strong>How to Conduct Usability Testing:<\/strong><\/p>\n<ul>\n<li>Recruit a small group of users that match your target audience.<\/li>\n<li>Ask them to complete specific tasks, such as \u201cFind the latest product page.\u201d<\/li>\n<li>Observe where they struggle or feel confused.<\/li>\n<\/ul>\n<p><strong>Tools You Can Use:<\/strong><\/p>\n<ul>\n<li><strong>Hotjar<\/strong>: To track user clicks and view heatmaps.<\/li>\n<li><strong>Google Optimize<\/strong>: For A\/B testing to compare navigation versions.<\/li>\n<\/ul>\n<p><strong>Benefits:<\/strong><\/p>\n<ul>\n<li>Identify potential navigation issues before launching the website.<\/li>\n<li>Improve user experience based on real data, not assumptions.<\/li>\n<\/ul>\n<h2><strong>Common Mistakes in Website Navigation and How to Avoid Them<\/strong><\/h2>\n<p>Poor website navigation can be a significant barrier to user experience and SEO performance. While it may seem straightforward, several common mistakes often occur when designing navigation. Here are key mistakes and effective solutions to avoid them.<\/p>\n<h3><strong>1. Too Many Levels in the Hierarchy<\/strong><\/h3>\n<p><strong>Issue:<\/strong><br \/>\nA deep hierarchy forces users to click through multiple levels to find information, which causes frustration and slows access, especially on mobile devices.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<ul>\n<li><strong>Bad<\/strong>: \u201cHome &gt; Products &gt; Clothing &gt; Men &gt; Shirts &gt; Casual &gt; Long Sleeve.\u201d<\/li>\n<li><strong>Better<\/strong>: \u201cHome &gt; Products &gt; Men\u2019s Clothing &gt; Shirts.\u201d<\/li>\n<\/ul>\n<p><strong>Why is This a Problem?<\/strong><\/p>\n<ul>\n<li>Users get frustrated with too many clicks.<\/li>\n<li>Search engines struggle to crawl pages that are too deep.<\/li>\n<\/ul>\n<p><strong>Solution:<\/strong><\/p>\n<ul>\n<li>Limit hierarchy to a maximum of <strong>3-4 levels<\/strong>.<\/li>\n<li>Use relevant categories and subcategories to organize content.<\/li>\n<li>Offer alternative navigation, such as breadcrumbs, to help users track their position.<\/li>\n<\/ul>\n<h3><strong>2. Absence of a Search Bar<\/strong><\/h3>\n<p><strong>Issue:<\/strong><br \/>\nWithout a search bar, users must rely on manual navigation, which may not be intuitive. A search bar is crucial, especially for websites with large amounts of content like e-commerce or blogs.<\/p>\n<p><strong>Why is This a Problem?<\/strong><\/p>\n<ul>\n<li>Users don\u2019t always know where to look for information.<\/li>\n<li>The absence of search functionality forces users to leave if they struggle to find what they need.<\/li>\n<\/ul>\n<p><strong>Solution:<\/strong><\/p>\n<ul>\n<li>Add a <strong>visible search bar<\/strong>, usually at the top of the page.<\/li>\n<li>Use <strong>auto-suggest<\/strong> features to help users find results quickly.<\/li>\n<li>Optimize search functionality to support various queries, like product names, categories, or keywords.<\/li>\n<\/ul>\n<p><strong>Additional Tip:<\/strong><br \/>\nUse internal search tools like <strong>Elasticsearch<\/strong> to improve speed and accuracy.<\/p>\n<h3><strong>3. Broken Links or Hard-to-Find Pages<\/strong><\/h3>\n<p><strong>Issue:<\/strong><br \/>\nBroken links (404 errors) or inaccessible pages can frustrate users and harm your website\u2019s reputation. It\u2019s also a negative signal for SEO.<\/p>\n<p><strong>Why is This a Problem?<\/strong><\/p>\n<ul>\n<li>Broken links create a poor user experience.<\/li>\n<li>Hard-to-find pages reduce website credibility.<\/li>\n<li>Search engines may penalize websites with many invalid links.<\/li>\n<\/ul>\n<p><strong>Solution:<\/strong><\/p>\n<ul>\n<li><strong>Regularly check links<\/strong>: Use tools like <strong>Google Search Console<\/strong> or <strong>Screaming Frog<\/strong> to detect broken links.<\/li>\n<li><strong>Redirect broken links<\/strong>: Use <strong>301 redirects<\/strong> to point to relevant pages when content is deleted.<\/li>\n<li><strong>Effective navigation<\/strong>: Ensure important pages are easily accessible through the main menu or internal links.<\/li>\n<\/ul>\n<p><strong>Additional Tip:<\/strong><br \/>\nCreate an informative <strong>404 page<\/strong> with clear navigation back to the homepage.<\/p>\n<h3><strong>Conclusion<\/strong><\/h3>\n<p>The website navigation structure is the cornerstone for creating a satisfying user experience and significantly improving SEO performance. In this article, we\u2019ve discussed essential aspects of website navigation, from the types of navigation to common mistakes you should avoid.<\/p>\n<p><strong>Key Takeaways to Optimize Website Navigation:<\/strong><\/p>\n<ol>\n<li><strong>Choose the Right Structure<\/strong>: Use a hierarchy for large websites, linear navigation for structured content like courses, or matrix navigation for interactive exploration.<\/li>\n<li><strong>Strategically Design the Navigation<\/strong>: Understand user needs, set clear goals, and create a wireframe to ensure the navigation is effective. Optimize dropdown menus and internal linking to enhance accessibility.<\/li>\n<li><strong>Focus on Technical Details<\/strong>: Use clear language, avoid excessive menus, maintain consistent design, and conduct usability testing.<\/li>\n<li><strong>Avoid Common Mistakes<\/strong>: Limit navigation depth, provide a search bar, and regularly check for broken links to ensure a smooth user experience.<\/li>\n<\/ol>\n<p>A well-designed website navigation structure is the key to helping visitors feel comfortable, increasing engagement, and boosting your site\u2019s search ranking. Apply the steps in this article to create navigation that is attractive, functional, and user-friendly. With an optimized navigation structure, you not only satisfy visitors but also improve your website\u2019s success in the digital era.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Website Navigation Structure and Why Is It Important? The website navigation structure is the framework or layout designed [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":7620,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[179],"tags":[258],"class_list":["post-7660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-tips","tag-website-en"],"_links":{"self":[{"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/posts\/7660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/comments?post=7660"}],"version-history":[{"count":0,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/posts\/7660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/media\/7620"}],"wp:attachment":[{"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/media?parent=7660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/categories?post=7660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/headcreative.co.id\/en\/wp-json\/wp\/v2\/tags?post=7660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}