October 2026

Most careers pages fail for the same three reasons: they say nothing specific, they bury the open roles, and they hand the applicant a ten-minute form. Good careers page design is not about winning a design award. It is about turning a curious visitor into a qualified applicant in under two minutes, and making sure your roles show up where candidates actually search. This guide breaks down the sections a careers page needs, the copy that goes inside each one, the layout that works on mobile, and the structured data that lets your jobs appear in Google’s job search results. It is written for small business and agency sites, so nothing here needs a six-figure recruitment marketing budget. What a careers page is actually for Before layout, get clear on the job the page has to do. A careers page has four visitors, and each one needs something different: The active applicant who already wants a job with you and just needs the list and the form. The passive candidate who found you through a job listing and is checking whether you are a real, decent company. The referral sent by a friend who works there, looking for the role their friend mentioned. The search engine, which needs machine-readable job data to index and surface your roles. A page that only serves the first visitor becomes a bare list of links. A page that only serves the second becomes a brand film with no jobs on it. You need both, in the right order. The anatomy of a high-converting careers page Section What it does Recommended length 1. Hero States who you are and links straight to open roles Headline + 1 sentence + 1 button 2. Culture blurb Gives candidates a reason to self-select in or out 80 to 150 words 3. Benefits grid Answers “what do I get” at a glance 6 to 9 tiles 4. Open roles list The conversion engine of the page One row per role, no pagination under 25 roles 5. Hiring process Removes anxiety, reduces drop-off before applying 3 to 5 steps with timing 6. Proof Team quotes, photos, review scores 2 to 3 short quotes 7. Application form Captures the applicant with minimum friction 5 to 7 fields 8. Talent pool fallback Catches interest when nothing is open Email + role interest, 2 fields Section 1: The hero The hero is where most careers pages waste their best real estate on a stock photo of people high-fiving. Keep it functional. The point is broken down further in this analysis. Layout Left-aligned text block, image or short muted video on the right (or a full-width photo of your actual team behind a dark overlay). One primary button: View open roles, anchored to the jobs list further down the page. A small counter is useful and honest: “7 open roles across 3 teams”. On mobile, stack text above the image and keep the button above the fold. Copy Write the headline as a statement about the work, not about the company’s ambition. Compare: Weak: “Join our journey to change the world.” Better: “Build software for 400 independent pharmacies, in a team of nine.” Specific numbers do two things: they filter out mismatched applicants and they signal that a real human wrote the page. Section 2: The culture blurb This is the section that separates a careers page from a job board listing. It should be short, concrete, and slightly uncomfortable to write, because it should say something a competitor cannot copy and paste. What to include How you work: meeting load, remote or hybrid policy with actual days, async or synchronous, tooling. How decisions get made: who signs off on what, how much autonomy a new hire really gets. Who thrives here: one sentence describing the person who does well, and one describing who does not. That last point is the highest-value sentence on the whole page. “If you want a structured onboarding programme and a defined career ladder, we are probably too small for you right now” will lose you applicants you did not want and win you trust with the ones you did. Career page design: How to do it right covers this in more depth. Layout tip Break the blurb into two or three short paragraphs of 40 words or fewer, or use a two-column layout with a heading on the left and text on the right. Walls of text in this section get skipped on mobile. Section 3: The benefits grid Candidates scan this. Design for scanning. Layout rules Three columns on desktop, two on tablet, one on mobile. Equal-height cards. Icon or small illustration, a 3 to 5 word label in bold, then one line of detail underneath. Six to nine tiles. Fewer looks thin, more looks like padding. Never use an icon font that fails to load. Inline SVG is safer and faster. Copy rules Quantify everything you can. “Generous holiday” means nothing. “28 days plus public holidays, plus the week between Christmas and New Year” means something. Same for learning budgets, equipment allowances, pension contributions and parental leave. Vague Specific Flexible working Core hours 10:00 to 15:00, the rest is yours Great equipment Laptop of your choice plus a 400 EUR home desk budget Room to grow 1,500 EUR per year for courses and conferences, no approval needed under 300 EUR Competitive salary Published band on every job listing Section 4: The open roles list This is where the page earns its keep. Treat it as a product listing, not a footer link dump. Structure Group by department if you have more than six roles. Otherwise a single flat list is faster to scan. Each row shows: job title, department, location, employment type, and salary band if you publish one. The whole row is clickable, not just the title. Minimum touch target of 44 pixels in height. Filters only if you have 15+ roles. Below that, filters add friction rather than remove it. Every role gets