contents: update guides front matter title and description (#473)

yangshun · Aug 22, 2024 · c0a1c37 · c0a1c37
1 parent db8caf8
commit c0a1c37
Show file tree

Hide file tree

Showing 24 changed files with 109 additions and 46 deletions.
diff --git a/packages/behavioral-interview-guidebook/contents/collaboration/en-US.mdx b/packages/behavioral-interview-guidebook/contents/collaboration/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Answering "Tell me about a time when..." for Collaboration Skills
-description: Learn how to answer behavioral questions on collaboration, including communication and teamwork, for front end / web developers / software engineers. Refer to sample answers.
+title: Answering Collaboration Behavioral Questions
+description: Learn how to answer "Tell me about a time..." styled questions for evaluating your collaboration skills.
+seo_title: Answering Collaboration Questions | Behavioral Interview Guide
+seo_description: Learn how to answer collaboration behavioral interview questions, for front end engineers. Refer to sample answers.
+social_title: Collaboration Behavioral Questions | GreatFrontEnd
 ---
 
 As mentioned in our [behavioral interview preparation overview](/behavioral-interview-guidebook), **collaboration** is one of the 8 main categories of questions to prepare for.

diff --git a/packages/behavioral-interview-guidebook/contents/growth-mindset/en-US.mdx b/packages/behavioral-interview-guidebook/contents/growth-mindset/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Answering "Tell me about a time when..." for Growth Mindset
-description: Learn how to answer behavioral questions on growth mindset, for front end / web developers / software engineers. Refer to sample answers.
+title: Answering Growth Mindset Behavioral Questions
+description: Learn how to answer "Tell me about a time..." styled questions for evaluating if you have a strong growth mindset.
+seo_title: Answering Growth Mindset Questions | Behavioral Interview Guide
+seo_description: Learn how to answer growth mindset behavioral interview questions, for front end engineers. Refer to sample answers.
+social_title: Growth Mindset Behavioral Questions | GreatFrontEnd
 ---
 
 As mentioned in our [behavioral interview preparation overview](/behavioral-interview-guidebook), **growth mindset** is one of the 8 main categories of questions to prepare for.

diff --git a/packages/behavioral-interview-guidebook/contents/overview/en-US.mdx b/packages/behavioral-interview-guidebook/contents/overview/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Behavioral Interviews - Definitive Overview and Preparation Guide
-description: Guide to behavioral interviews for front end / web developers / software engineers, written by ex-interviewers at FAANG. Find out about evaluation criteria at big tech, efficient strategies to prepare, and top behavioral interview questions.
+title: Behavioral Interview Guide for Front End Engineers
+description: Find out about evaluation criteria at big tech, efficient strategies to prepare, and top behavioral interview questions.
+seo_title: Behavioral Interview Guide | For Front End Engineers
+social_title: Behavioural Interview Guide for Front End Engineers | GreatFrontEnd
+seo_description: The definitive guide to behavioral interviews for front end engineers. Written by Ex-FAANG interviewers. Find out what to expect and how to prepare.
 ---
 
 Behavioral interviews are one of the most overlooked interview rounds, especially for software engineer interviews. Whilst technical interviews are complex and require a lot of time to prepare for, the importance of behavioral interviews cannot be overstated.

diff --git a/packages/behavioral-interview-guidebook/contents/problem-solving/en-US.mdx b/packages/behavioral-interview-guidebook/contents/problem-solving/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Answering "Tell me about a time when..." for Problem Solving Skills and Drive for Results
-description: Learn how to answer behavioral questions on problem solving skills and drive for results, for front end / web developers / software engineers. Refer to sample answers.
+title: Answering Problem Solving Behavioral Questions
+description: Learn how to answer "Tell me about a time..." styled questions for evaluating your problem solving skills.
+seo_title: Answering Problem-solving Behavioral Questions | Behavioral Interview Guide
+seo_description: Learn how to answer problem-solving behavioral interview questions, for front end engineers. Refer to sample answers.
+social_title: Problem Solving Behavioral Questions | GreatFrontEnd
 ---
 
 As mentioned in our [behavioral interview preparation overview](/behavioral-interview-guidebook), **problem solving and drive for results** is one of the 8 main categories of questions to prepare for.

diff --git a/packages/behavioral-interview-guidebook/contents/questions-to-ask/en-US.mdx b/packages/behavioral-interview-guidebook/contents/questions-to-ask/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Useful Questions to ask your Interviewer at the End of a Software Engineering Interview
-description: Learn the best questions to ask at the end of your front end / web developer / software engineer interviews. Written by ex-interviewers at big tech.
+title: Questions to Ask at End of Interview
+description: Learn the best questions to ask at the end of your front end interviews. 
+seo_title: Useful Questions to Ask at the End of your Front End Interview | Behavioural Interview Guide
+seo_description: Learn the best questions to ask at the end of your front end interviews. Written by ex-interviewers at Big Tech.
+social_title: Questions to Ask at End of Interview | GreatFrontEnd
 ---
 
 In our anxiety to secure a job, some of us might forget that joining a bad team might be worse than waiting it out for a good opportunity. An interview is in fact an invaluable opportunity for the candidate to speak to someone who actually works in the company and find out more about the practices there. Few key aspects you should evaluate about a job before joining:

diff --git a/packages/behavioral-interview-guidebook/contents/questions/en-US.mdx b/packages/behavioral-interview-guidebook/contents/questions/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: The Most Important Behavioral Interview Questions to Prepare for
-description: Top behavioral interview questions to practice for front end / web developers / software engineers. Includes additional questions for experienced level engineers.
+title: Important Behavioral Interview Questions to Prepare for
+description: Efficiently prepare for your behavioral interviews by tackling the most commonly asked questions first
+seo_title: Important Behavioral Interview Questions to Prepare for | Behavioral Interview Guide
+social_title: Important Behavioural Interview Questions | GreatFrontEnd
+seo_description: Efficiently prepare for your behavioral interviews by tackling the most commonly asked questions first
 ---
 
 In this article, we will cover the top questions (ordered from highest frequency) that candidates should practice with before their interviews.

diff --git a/packages/behavioral-interview-guidebook/contents/self-introduction/en-US.mdx b/packages/behavioral-interview-guidebook/contents/self-introduction/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Tips for Making a Strong First Impression in your Self Introduction
-description: How to frame your interview self introduction effectively in different interview contexts, for front end / web developers / software engineers. Refer to examples of good self introductions.
+title: Answering "Tell Me About Yourself"
+description: A guide to answering self introduction questions effectively in different interview contexts, for front end engineers.
+seo_title: How to Answer "Tell Me About Yourself" | Behavioral Interview Guide
+seo_description: A guide to answering self introduction questions effectively in different interview contexts, for front end engineers. Written by ex-interviewers at Big Tech.
+social_title: Answering "Tell me about youself" | GreatFrontEnd
 ---
 
 The self introduction is one of the things you can always expect to encounter in an interview, regardless of interview format. Hence the return on investment of preparing for it is rather high. Most of the time, your self introduction should be short and sweet, delivering a good impression in the fewest amount of words.

diff --git a/packages/behavioral-interview-guidebook/contents/why-work-here/en-US.mdx b/packages/behavioral-interview-guidebook/contents/why-work-here/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: How to Answer "Why do you want to work Here" in Behavioral Interviews
-description: Learn the best way to answer questions about company motivation concisely and effectively, for front end / web developers / software engineers. Written by ex-interviewers at big tech.
+title: Answering "Why Work Here"
+description: Learn the best way to answer questions about company motivation concisely and effectively, for front end engineers.
+seo_title: How to Answer "Why Work Here" | Behavioral Interview Guide
+seo_description: Learn the best way to answer behavioral interview questions about company motivation concisely and effectively, for front end engineers. 
+social_title: Answering "Why work here" | GreatFrontEnd
 ---
 
 As a hiring manager, "Why do you want to work here" is an extremely common question that is probably asked in over 70% of interviews. Yet, most candidates fail to answer this well. In this article, you will learn from ex-interviewers how to answer this question in an effective and concise manner Front End Engineers/Software Engineers:

diff --git a/packages/front-end-interview-guidebook/contents/algorithms/en-US.mdx b/packages/front-end-interview-guidebook/contents/algorithms/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interview Algorithmic Coding Questions — How to Prepare
-description: Guide to preparing for algorithmic coding questions in front end / web developer interviews — Concepts to know, interview rubrics, and important practice questions.
+title: Data Structures and Algorithms Interviews
+description: Front end engineer's guide to DSA - important concepts to know, top practice questions to do and other tips
+seo_title: Data Structures and Algorithms for Front End Interviews | How to prepare
+seo_description: Guide to prepare for Data Structures and Algorithms Questions tailored for front end interviews - important concepts to know, common questions asked and useful tips
+social_title: Data Structures and Algorithms | Front End Interview Guide
 ---
 
 Algorithmic coding questions are exactly the questions you can find on LeetCode. Algorithmic questions usually have the following traits:

diff --git a/packages/front-end-interview-guidebook/contents/coding/en-US.mdx b/packages/front-end-interview-guidebook/contents/coding/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interview Coding Questions — How to Prepare
-description: Guide to preparing for coding questions in front end / web developer interviews — What to expect, coding tips, and 100+ important practice questions.
+title: Front End Coding Interviews
+description: Question types to expect, handy coding tips and the best resources to use
+seo_title: Front End Coding Interview Questions | How to prepare
+seo_description: Everything you need to know to prepare well for Front End Coding Interviews - including the types of questions to prepare for, coding tips and resources to use
+social_title: Cracking Coding Interviews | Front End Interview Guide
 ---
 
 Coding interviews is the primary way in which Front End Engineers are being evaluated and can span across multiple rounds and stages of the interviews, hence it is super important to practice for coding interviews. To recap, here are the three types of coding questions you can be asked:

diff --git a/packages/front-end-interview-guidebook/contents/javascript/en-US.mdx b/packages/front-end-interview-guidebook/contents/javascript/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interview JavaScript Questions — How to Prepare
-description: Guide to preparing for JavaScript questions in front end / web developer interviews — Concepts to know, interview rubrics, and 70+ important practice questions.
+title: JavaScript Coding Interviews
+description: Question types to expect, important concepts to know and top practice questions to do
+seo_title: JavaScript Coding Interview Questions | How to prepare
+seo_description: Ultimate guide to prepare for JavaScript Coding Interview Questions - including question types, interview best practices, important concepts and practice questions
+social_title: Cracking JavaScript Coding Interviews | Front End Interview Guide
 ---
 
 The difference between coding JavaScript coding questions vs algorithmic coding questions is that the former is usually specific to the front end domain and it makes the most sense to use JavaScript (or [TypeScript](https://www.typescriptlang.org/)) to complete them. You will also probably need to make use of browser/JavaScript-specific APIs and/or utilize HTML/CSS/JavaScript knowledge.

diff --git a/packages/front-end-interview-guidebook/contents/overview/en-US.mdx b/packages/front-end-interview-guidebook/contents/overview/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interviews — Definitive Overview and Preparation Guide
-description: The definitive guide to front end / web developer interviews from ex-interviewers at FAANG. Find out everything — what to expect, types of interview questions, and how to prepare.
+title: Front End Interview Guide
+description: Everything you need to know - from types of questions to preparation tactics
+seo_title: Front End Interview Guide | Everything you need to know on how to prepare
+seo_description: The definitive guide to front end interviews written by Ex-FAANG interviewers. Find out what to expect, the different types of questions and how to prepare.
+social_title: Front End Interview Guide | GreatFrontEnd
 ---
 
 Front End Interviews are notoriously hard to prepare for. There are many possible interview formats and there isn't a standardized structure across the industry for evaluating front end engineers. Some companies use the same interview process for Front End Engineers as they do for generalist Software Engineers while some companies (e.g. Google and Amazon) do a mix where they have both general software engineering rounds and front end domain-specific rounds.

diff --git a/packages/front-end-interview-guidebook/contents/quiz/en-US.mdx b/packages/front-end-interview-guidebook/contents/quiz/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interview Quiz Questions — How to Prepare
-description: Guide to preparing for quiz-style front end interview questions — What to expect, concepts to learn, and 100+ important practice questions.
+title: Front End Quiz Interview Questions
+description: Quiz-style front end interview questions — What to expect, concepts to learn, and 100+ important practice questions.
+seo_title: Front End Quiz Interview Questions | How to prepare
+seo_description: Guide to preparing for quiz-style front end interview questions — What to expect, concepts to learn, and 100+ important practice questions.
+social_title: Cracking Quiz-style Interviews | Front End Interview Guide
 ---
 
 Quiz questions, also known as trivia questions, are short close-ended questions meant to test your understanding of the domain. Each question shouldn't take more than a minute or two to answer, however, further discussions can be spawned from your answers. Hence it's important to have good understanding of the concepts behind the answers you give and not blindly memorize and regurgitating.

diff --git a/packages/front-end-interview-guidebook/contents/resume/en-US.mdx b/packages/front-end-interview-guidebook/contents/resume/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Resume — Front End Specific Writing Tips, with Examples
+title: Ultimate Guide to Front End Engineer Resumes
 description: Tips to enhance your front end developer / web developer resume to get that front end job interview.
+seo_title: Ultimate Front End Engineer Resume Guide | Tips, Examples, Strategies
+seo_description: Craft the perfect front end engineer resume with our ultimate guide. Get front end-specific tips, real examples, and strategies to help you secure front end roles.
+social_title: Ultimate Front End Engineer Resume Guide | Front End Interview Guide
 ---
 
 To even get an interview for a Front End Engineer position, we have to submit a resume that passes the company's resume screening process. There are many existing resources out there to help you craft a good Software Engineer resume but few are tailored towards Front End Engineers. For general Software Engineer resume tips, refer to [Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/).

diff --git a/packages/front-end-interview-guidebook/contents/system-design/en-US.mdx b/packages/front-end-interview-guidebook/contents/system-design/en-US.mdx
@@ -1,6 +1,9 @@
 ---
 title: Front End System Design Questions — How to Prepare
 description: Guide to preparing for System Design questions in front end / web developer interviews — Best practices and important practice questions.
+seo_title: Front End System Design Guide | How to prepare
+seo_description: The definitive guide to front end system design interviews. Learn useful techniques and how to approach the most common questions. Written by Ex-FAANG interviewers. 
+social_title: Front End System Design Guide | Front End Interview Guide
 ---
 
 System Design interviews can come in many forms and covers the entire development stack. GreatFrontEnd focuses on **Front End System Design**, aka system design and architecture of client applications and UI components rather than back end distributed systems.

diff --git a/...ew-guidebook/contents/user-interface-components-api-design-principles/en-US.mdx b/...ew-guidebook/contents/user-interface-components-api-design-principles/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: User Interface Components API Design Principles
+title: API design principles for UI components
 description: Best practices for designing developer interface components APIs, useful for UI components coding and system design interviews
+seo_title: API Design Principles for UI components | Front End Interview Guide
+seo_description: Best practices for designing developer interface components APIs, useful for UI components coding and system design interviews
+social_title: API design principles for UI components | Front End Interview Guide
 ---
 
 User Interface component libraries like [Bootstrap](https://getbootstrap.com/) and [Material UI](https://mui.com/) help developers build UI faster by providing commonly used components like buttons, tabs, modals, etc so that developers do not have to reinvent the wheel by building these components from scratch whenever they start on a new project.

diff --git a/...-end-interview-guidebook/contents/user-interface-questions-cheatsheet/en-US.mdx b/...-end-interview-guidebook/contents/user-interface-questions-cheatsheet/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End User Interface Questions Cheatsheet
-description: Top tips to improve the user interfaces you have to build during front end / web developer interviews - Code structure, managing state, accessibility and more.
+title: Cheatsheet for UI Interview Questions
+description: A cheatsheet you can use to improve the user interfaces you have to build or design during front end interviews.
+seo_title: User Interface Questions Cheatsheet | Front End Interview Guide
+seo_description: A cheatsheet you can use to improve the user interfaces you have to build or design during front end interviews - component organization, state design, UX and more 
+social_title: User Interface Questions Cheatsheet | Front End Interview Guide
 ---
 
 Here are some tips you can use to improve the user interfaces you have to build/design during front end interviews. These can be applied to both [User Interface Coding Interviews](/front-end-interview-guidebook/user-interface) and [Front End System Design Interviews](/system-design/types-of-questions).

diff --git a/packages/front-end-interview-guidebook/contents/user-interface/en-US.mdx b/packages/front-end-interview-guidebook/contents/user-interface/en-US.mdx
@@ -1,6 +1,9 @@
 ---
-title: Front End Interview User Interface Coding Questions — How to Prepare
-description: Guide to preparing for User Interface questions in front end / web developer interviews — Concepts to know, interview rubrics, and important practice questions.
+title: User Interface Coding Interviews
+description: Best practices while interviewing, important concepts to know and critical practice questions to do
+seo_title: User Interface Coding Questions | How to prepare
+seo_description: Guide to prepare for UI interview questions, including interview best practices, important concepts to prepare for and best practice questions
+social_title: User Interface Questions | Front End Interview Guide
 ---
 
 User interface coding interviews will involve candidates writing HTML, CSS and JavaScript to complete. In our opinion this is essential for evaluating the skills of Front End Engineers and more companies are moving towards asking candidates to code user interfaces during interviews.

diff --git a/packages/system-design/contents/cheatsheet/en-US.mdx b/packages/system-design/contents/cheatsheet/en-US.mdx
@@ -1,7 +1,9 @@
 ---
-title: Front End System Design Cheatsheet
-description: Summary of the important things you need to take note of during front end system design interviews.
+title: Cheatsheet for Front End System Design Interviews
+description: Summary of the most important things you should take note of during front end system design interviews.
 seo_title: Cheatsheet for Front End System Design Interviews
+social_title: Cheatsheet for Front End System Design Interviews | GreatFrontEnd
+seo_description: Summary of the most important things you should take note of during front end system design interviews.
 ---
 
 ## RADIO Framework

diff --git a/packages/system-design/contents/common-mistakes/en-US.mdx b/packages/system-design/contents/common-mistakes/en-US.mdx
@@ -1,8 +1,9 @@
 ---
-title: Common Mistakes Made During Front End System Design Interviews
-seo_title: Common Pitfalls To Avoid in Front End System Design Interviews
-description: 6 common mistakes you should avoid during front end system design interviews.
-seo_description: Avoid this list of common mistakes made by candidates when they are answering system design interview questions.
+title: Common Mistakes to Avoid for Front End System Design Interviews
+description: Know the mistakes candidates often make during front end system design interviews and how to avoid them.
+seo_title: Common Mistakes to Avoid | Front End System Design Guide
+social_title: Common Mistakes to Avoid for Front End System Design Interviews | GreatFrontEnd
+seo_description: Know the mistakes candidates often make during front end system design interviews and how to avoid them.
 ---
 
 Unlike coding interviews which are much more common and you can somewhat practice/simulate interview conditions, it is much harder to practice for system design interviews.