{"id":1456,"date":"2026-01-23T22:37:54","date_gmt":"2026-01-23T22:37:54","guid":{"rendered":"https:\/\/nordyn.se\/?page_id=1456"},"modified":"2026-05-17T20:36:50","modified_gmt":"2026-05-17T20:36:50","slug":"seo","status":"publish","type":"page","link":"https:\/\/nordyn.se\/en\/seo\/","title":{"rendered":"seo"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nNordyn \u2014 SEO & S\u00f6kmotoroptimering<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* SUPER-FIX F\u00d6R BL\u00c5 MARKERINGAR (ELEMENTOR OVERRIDE) *\/\n\/* Vi anv\u00e4nder ID (#) f\u00f6r att vinna \u00f6ver Elementors klasser *\/\n#menuToggle, \n#menuToggle:focus, \n#menuToggle:active,\n#menuToggle:focus-visible,\n#menuToggle:visited,\n#menuClose,\n#menuClose:focus,\n#menuClose:active,\n#menuClose:hover,\nbutton.submenu-toggle-btn,\nbutton.submenu-toggle-btn:focus,\nbutton.submenu-toggle-btn:active {\n outline: none !important;\n box-shadow: none !important;\n background-color: transparent !important;\n -webkit-tap-highlight-color: transparent !important;\n -webkit-focus-ring-color: transparent !important;\n -webkit-user-select: none !important;\n user-select: none !important;\n border-top: none !important;\n border-left: none !important;\n border-right: none !important;\n \/* Vi sparar border-bottom f\u00f6r designen, men tvingar bort resten *\/\n}\n\n\/* Global reset som hj\u00e4lper i WP-milj\u00f6 *\/\nbutton:focus, a:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000;\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n}\n\nbody{\n font-family:Inter,system-ui,sans-serif;\n color:#fff;\n overflow-x:hidden;\n}\n\n\/* -----------------------------------------------------------\n HEADER\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n\n.header.hidden { opacity: 0; pointer-events: none; }\n\n.brand { \n display:flex; \n align-items: center; \n gap: 16px; \n min-width:0; \n}\n\n\/* LOGGA - Justerad 20px \u00e5t v\u00e4nster *\/\n.logoMark { \n width:145px; \n height:auto; \n display:flex; \n align-items:center; \n flex:0 0 auto; \n color: #fff; \n margin-left: -20px;\n}\n.logoMark svg { width:100%; height:auto; display:block; }\n\n.tagline {\n font-size:13px;\n line-height:1.3;\n color: #fff !important;\n opacity: 0.9;\n font-weight: 500;\n max-width: 200px;\n}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* --- MENY KNAPP --- *\/\n.menuToggle, \n.menuToggleOverlay, \n.submenu-toggle-btn {\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n background: transparent;\n \/* Extra s\u00e4kerhet i CSS ocks\u00e5 *\/\n -webkit-tap-highlight-color: transparent !important; \n outline: none !important;\n}\n\n.menuToggle:focus, .menuToggle:active,\n.menuToggleOverlay:focus, .menuToggleOverlay:active,\n.submenu-toggle-btn:focus, .submenu-toggle-btn:active {\n background: transparent !important;\n outline: none !important;\n}\n\n.menuToggle, .menuToggleOverlay { all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:600; color: #fff; position:relative; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); transition: border-color 0.3s ease;}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n FULLSK\u00c4RMSMENY OVERLAY\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%);\n opacity: 1;\n visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening { \n visibility:visible;\n transform: translateY(0);\n}\n.menuOverlay.open { \n visibility:visible;\n transform: translateY(0);\n}\n.menuOverlay.closing { \n transform: translateY(-100%);\n visibility:hidden;\n}\n\n.menuInner {\n min-height: 100svh; height: 100svh; \n padding: 0; \n display:flex; flex-direction:column; overflow:hidden;\n overflow-y: auto; \/* Allow scrolling inside menu if needed *\/\n}\n\n\/* --- HEADER I MENYN --- *\/\n.menuTop { \n display:flex; \n align-items: flex-start;\n justify-content:space-between; \n gap:16px; \n flex:0 0 auto; \n padding: 22px 40px;\n color: #fff; \n z-index: 10;\n}\n.menuTop .brand { color: #fff; }\n.menuTop .logoMark { color: #fff; }\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { \n color: #fff; \n border-color: rgba(255,255,255,0.6);\n}\n\n@media (max-width:720px){\n .menuToggleOverlay {\n margin-top: 5px;\n }\n}\n\n\/* MENY INNEH\u00c5LL *\/\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem {\n animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards;\n animation-delay: calc(300ms + var(--d, 0ms));\n}\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.menuLink {\n color: rgba(255,255,255,0.5); \n text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover, .menuLink:focus, .menuLink:active { color: #fff; }\n\n\/* PIL LOGIK & SUBMENU STYLING *\/\n.submenu-toggle-btn {\n background: none;\n border: none;\n padding: 10px;\n cursor: pointer;\n color: var(--accent);\n display: flex;\n align-items: center;\n justify-content: center;\n \/* Extra s\u00e4kerhet *\/\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.bigArrow { \n flex:0 0 auto; \n color: var(--accent); \n opacity:1; \n transform: translateY(4px); \n transition: transform 0.4s ease;\n pointer-events: none; \/* L\u00e5t klicket hanteras av knappen *\/\n}\n.bigArrow svg { width:40px; height:24px; }\n\n\/* Submenu Container *\/\n.submenu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.submenu-inner {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-left: 4px; \/* Indrag f\u00f6r hierarki *\/\n}\n\n\/* Submenu Items styling *\/\n.submenu-item {\n opacity: 0;\n transform: translateX(40px); \/* Starta fr\u00e5n h\u00f6ger *\/\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n.submenu-link {\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-decoration: none;\n display: block;\n transition: color 0.2s;\n}\n.submenu-link:hover {\n color: #fff;\n}\n\n\/* EXPANDED STATE *\/\n.menuItem.has-expanded .submenu {\n grid-template-rows: 1fr;\n margin-top: 16px; \/* Space mellan Tj\u00e4nster och listan *\/\n}\n\n.menuItem.has-expanded .bigArrow {\n transform: translateY(4px) rotate(90deg); \/* Rotera pilen *\/\n}\n\n\/* Submenu items animation sequence when opened *\/\n.menuItem.has-expanded .submenu-item {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* Staggered delay f\u00f6r \"svep\" effekten *\/\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n\n.menuBottom { flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px; align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line);}\n.bottomLeft { display: flex; flex-direction: column; gap: 24px; }\n.lang-container a { font-size: 16px; font-weight: 600; color: rgba(255,255,255,0.6); text-decoration:none; }\n.lang-container a:hover { color: #fff; }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s;}\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px;}\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n SEO SPECIFIK DESIGN\n ----------------------------------------------------------- *\/\n.seo-hero {\n position: relative;\n min-height: 85svh;\n width: 100%;\n background: #000;\n display: flex;\n align-items: center;\n padding: clamp(100px, 15vh, 160px) clamp(24px, 3vw, 40px) 40px;\n overflow: hidden;\n}\n\n\/* Abstract data background using CSS gradients *\/\n.seo-bg {\n position: absolute;\n inset: 0;\n background: \n radial-gradient(circle at 15% 50%, rgba(138, 116, 255, 0.12) 0%, transparent 40%),\n radial-gradient(circle at 85% 20%, rgba(63, 21, 85, 0.4) 0%, transparent 50%),\n linear-gradient(to bottom, #000 0%, transparent 20%, transparent 80%, #000 100%);\n z-index: 1;\n}\n\n\/* Grid overlay pattern *\/\n.seo-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 60px 60px;\n z-index: 2;\n mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\n -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 90%);\n pointer-events: none;\n}\n\n.seo-content-wrap {\n position: relative;\n z-index: 10;\n max-width: 1000px;\n}\n\n.seo-headline {\n font-size: clamp(48px, 6vw, 92px);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 1.15; \/* \u00d6kad f\u00f6r att inte klippa \"g\" och \"y\" *\/\n padding-bottom: 0.1em; \/* Extra marginal f\u00f6r gradient-klipp *\/\n margin: 0 0 24px 0;\n color: #fff;\n background: linear-gradient(to right, #fff 20%, rgba(255,255,255,0.5) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.seo-sub {\n font-size: clamp(18px, 2vw, 22px);\n line-height: 1.6;\n color: var(--muted);\n max-width: 600px;\n margin-bottom: 0;\n}\n\n\/* Standard layout section *\/\n.section {\n padding: clamp(80px, 10vh, 140px) clamp(24px, 3vw, 40px);\n position: relative;\n z-index: 5;\n}\n\n.container {\n max-width: 1100px;\n margin: 0 auto;\n}\n\n.text-center { text-align: center; }\n.text-left { text-align: left; }\n\n.section-label {\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 16px;\n display: block;\n}\n\n.section-h2 {\n font-size: clamp(32px, 4vw, 52px);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.1;\n color: #fff;\n margin: 0 0 24px 0;\n}\n\n.section-p {\n font-size: clamp(16px, 1.5vw, 18px);\n line-height: 1.65;\n color: rgba(255,255,255,0.7);\n margin: 0 0 24px 0;\n}\n\n\/* 2-Column Grid *\/\n.grid-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 5vw, 80px);\n align-items: center;\n}\n\n\/* Feature Cards *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1px;\n background: var(--line);\n border: 1px solid var(--line);\n margin-top: 40px;\n}\n.feature-card {\n background: #000;\n padding: 40px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n.feature-title {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin: 0;\n}\n.feature-text {\n font-size: 15px;\n line-height: 1.6;\n color: var(--muted);\n margin: 0;\n}\n\n\/* Process Steps *\/\n.process-list {\n display: flex;\n flex-direction: column;\n gap: 40px;\n margin-top: 60px;\n border-left: 2px solid rgba(255,255,255,0.1);\n padding-left: 40px;\n}\n.process-step {\n position: relative;\n}\n.process-step::before {\n content: \"\";\n position: absolute;\n left: -49px;\n top: 6px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #000;\n border: 2px solid var(--accent);\n}\n.process-num {\n font-size: 14px;\n font-weight: 600;\n color: var(--accent);\n margin-bottom: 8px;\n display: block;\n}\n.process-h3 {\n font-size: 24px;\n font-weight: 700;\n margin: 0 0 12px 0;\n color: #fff; \/* Tvinga vit f\u00e4rg *\/\n}\n\n\/* Visual Abstract Placeholders *\/\n.visual-box {\n width: 100%;\n aspect-ratio: 16\/10;\n background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\n border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.visual-circle {\n width: 150px; height: 150px;\n border-radius: 50%;\n border: 1px solid rgba(138,116,255,0.3);\n position: absolute;\n}\n.visual-circle:nth-child(1) { width: 60%; height: 60%; border-color: rgba(255,255,255,0.1); }\n.visual-bar {\n width: 40px; background: var(--accent); bottom: 20%; position: absolute; border-radius: 4px 4px 0 0;\n opacity: 0.8;\n}\n\n\/* Why List *\/\n.check-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 24px;\n margin-top: 40px;\n}\n.check-item {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n}\n.check-icon {\n color: var(--accent);\n flex-shrink: 0;\n transform: translateY(2px);\n}\n\n\/* CTA Section specific *\/\n.cta-section {\n background: radial-gradient(circle at center, rgba(138,116,255,0.15) 0%, #000 70%);\n text-align: center;\n padding: 160px 24px;\n}\n\n.primary-btn {\n display:inline-flex;\n align-items:center;\n gap:12px;\n padding:18px 42px;\n background:var(--accent);\n color:#fff;\n text-decoration:none;\n font-weight:700;\n font-size:16px;\n border-radius:6px;\n transition:transform .2s ease, background-color .2s ease;\n margin-top: 32px;\n}\n.primary-btn:hover { transform:translateY(-2px); }\n.primary-btn:active { background-color: #5e4ad1; transform: translateY(0); }\n\n\/* FOOTER (Samma som original) *\/\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg {\n width: 100%;\n height: 100%;\n fill: #fff;\n margin-left: -21px; \/* Flyttar den ytterligare \u00e5t v\u00e4nster *\/\n display: block; \/* S\u00e4kerst\u00e4ller att marginalen biter *\/\n}\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n@media (max-width:1024px){\n .grid-2 { grid-template-columns: 1fr; gap: 40px; }\n .process-list { padding-left: 20px; border-left-width: 1px; }\n .process-step::before { left: -28px; width: 14px; height: 14px; top: 5px; }\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n}\n\n\/* MOBIL ANPASSNING (Fr\u00e5n original + nya) *\/\n@media (max-width:720px){\n .nav a.contact{display:none}\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; line-height: 1.2; white-space: normal; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n .menuToggle { margin-top: -12px; }\n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .bottomLeft { display: contents; }\n .lang-container { order: 1; margin-bottom: 0; }\n .lang-container a { font-size: 16px !important; color: rgba(255,255,255,0.6) !important; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align: right; max-width: none; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }\n .menuCTA br { display: none; }\n .menuCTA-text { display: block; margin-bottom: 0px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; line-height: 1.2; }\n .menuCTA a { font-size: 18px; font-weight: 600; margin-top: 4px; }\n .ctaArrow svg { width: 22px; height: 22px; }\n \n \/* SEO Mobil *\/\n .seo-headline { font-size: 42px; }\n .section { padding: 60px 24px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <!-- FIX: Lade till onclick=\"this.blur()\" och onfocus=\"this.blur()\" direkt i HTML -->\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" onclick=\"this.blur()\" onfocus=\"this.blur()\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; user-select: none !important; border: none !important;\">\n Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n<!-- MENY OVERLAY -->\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <a href=\"https:\/\/nordyn.se\/en\/\" class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <!-- FIX: Uppdaterad st\u00e4ng-knapp med inline styles f\u00f6r att d\u00f6da det bl\u00e5a -->\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\" onclick=\"this.blur()\" onfocus=\"this.blur()\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; user-select: none !important; border-top:none !important; border-left:none !important; border-right:none !important;\">\n Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <!-- NY: Startsida -->\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/\">Startpage<\/a><\/div><\/li>\n\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n \n <!-- \u00c4NDRAD KOD H\u00c4R F\u00d6R TJ\u00c4NSTER -->\n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/tjanster\/\">Services<\/a>\n <!-- LADE TILL INLINE STYLE H\u00c4R OCKS\u00c5 -->\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; border: none !important;\">\n <span class=\"bigArrow\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 64 40\">\n <path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <\/div>\n \n <!-- UNDERMENY -->\n <ul class=\"submenu\">\n <div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/webbdesign\/\">Web Design<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/e-handel\/\">E-commerce<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/seo\/\" style=\"color: #fff;\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/branding\/\">Branding<\/a><\/li>\n <\/div>\n <\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/om-nordyn\/\">About nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n <div class=\"lang-container\">\n <div class=\"trp-shortcode-switcher__wrapper\"\r\n style=\"--bg:#ffffffb2;--bg-hover:#ffffffb2;--text:#ffffff;--text-hover:#000000;--border:1px solid transparent;--border-width:1px;--border-color:transparent;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n role=\"group\"\r\n data-open-mode=\"hover\">\r\n\r\n \r\n <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n aria-hidden=\"true\"\r\n inert\r\n data-no-translation>\r\n <div class=\"trp-current-language-item__wrapper\">\r\n <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1456\" title=\"English\"><img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/a> <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- OVERLAY (positioned; interactive surface) -->\r\n <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n role=\"navigation\"\r\n aria-label=\"Website language selector\"\r\n data-no-translation\r\n>\r\n <div class=\"trp-current-language-item__wrapper\">\r\n <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a13b87057895\"><img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/div> <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"trp-switcher-dropdown-list\"\r\n id=\"trp-shortcode-dropdown-6a13b87057895\"\r\n role=\"group\"\r\n aria-label=\"Available languages\"\r\n hidden\r\n inert\r\n>\r\n <a class=\"trp-language-item\" href=\"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1456\" title=\"Swedish\">\r\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/sv_SE.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/> <span class=\"trp-language-item-name\" data-no-translation>Swedish<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<style id=\"trp-language-switcher-shortcode-custom-css\">.trp-language-switcher-container, .trp-language-switcher { background: none !important; border: medium !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; width: auto !important; }\n.trp-language-switcher .trp-ls-shortcode-current-language { display: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language { display: flex !important; flex-direction: row !important; gap: 20px !important; position: static !important; visibility: visible !important; opacity: 1 !important; background: none !important; border: medium !important; width: auto !important; padding: 0px !important; margin: 0px !important; transform: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language a { display: inline-block !important; text-decoration: none !important; font-size: 0px !important; color: transparent !important; padding: 4px !important; margin: 0px !important; border-bottom-width: 2px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; cursor: pointer !important; opacity: 0.5 !important; transition: opacity 0.3s !important; background: none !important; }\n.trp-language-switcher .trp-ls-shortcode-language a:hover { transform: translateY(-1px); opacity: 1 !important; }\n.trp-language-switcher .trp-ls-shortcode-language a::after { font-size: 26px !important; line-height: 1 !important; display: block !important; font-style: normal !important; visibility: visible !important; color: rgb(255, 255, 255) !important; text-indent: 0px !important; }\n.trp-language-switcher .trp-ls-shortcode-language a:not([href*=\"\/en\/\"])::after { content: \"\ud83c\uddf8\ud83c\uddea\" !important; }\n.trp-language-switcher .trp-ls-shortcode-language a[href*=\"\/en\/\"]::after { content: \"\ud83c\uddfa\ud83c\uddf8\" !important; }\n.trp-language-switcher .trp-ls-shortcode-language a.trp-ls-active-language { opacity: 1 !important; border-bottom-color: rgb(255, 255, 255) !important; }<\/style>\n <\/div>\n\n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener nofollow\">\n Facebook\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n LinkedIn\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <a class=\"nav-animate\" href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n Instagram\n <span class=\"extIcon\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Interested in a partnership<\/span>\n <br>\n <a class=\"nav-animate\" href=\"\/en\/kontakt\/\">\n Get in touch\n <span class=\"ctaArrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<!-- 1. HERO SEKTION -->\n<section class=\"seo-hero\">\n <div class=\"seo-bg\"><\/div>\n <div class=\"seo-content-wrap\">\n <h1 class=\"seo-headline\">SEO som bygger<br>synlighet \u00f6ver tid.<\/h1>\n <p class=\"seo-sub\">P\u00e5 Nordyn arbetar vi med teknisk, strukturell och inneh\u00e5llsbaserad SEO f\u00f6r att skapa h\u00e5llbara resultat. Inga genv\u00e4gar, bara data, prestanda och aff\u00e4rsnytta.<\/p>\n <\/div>\n<\/section>\n\n<!-- 2. VAD INNEB\u00c4R SEO? -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"grid-2\">\n <div>\n <span class=\"section-label\">Nordyns Filosofi<\/span>\n <h2 class=\"section-h2\">S\u00f6kmotoroptimering med helhetsperspektiv<\/h2>\n <p class=\"section-p\">F\u00f6r oss handlar SEO inte om snabba tricks, keyword stuffing eller kortsiktiga genv\u00e4gar som riskerar att straffas av Google.<\/p>\n <p class=\"section-p\">Vi ser SEO som en integrerad del av webbplatsens kvalitet. Det handlar om att bygga en struktur som s\u00f6kmotorer \u00e4lskar och en upplevelse som anv\u00e4ndarna stannar kvar f\u00f6r. Teknik, inneh\u00e5ll och struktur i symbios.<\/p>\n <\/div>\n <div class=\"visual-box\">\n <!-- Abstract SEO Visual -->\n <div class=\"visual-circle\" style=\"left: 20%; top: 20%;\"><\/div>\n <div class=\"visual-circle\" style=\"right: 15%; bottom: 15%; width: 100px; height: 100px; border-color: rgba(255,255,255,0.05);\"><\/div>\n <div class=\"visual-bar\" style=\"left: 30%; height: 40%;\"><\/div>\n <div class=\"visual-bar\" style=\"left: 45%; height: 60%; background: #fff;\"><\/div>\n <div class=\"visual-bar\" style=\"left: 60%; height: 85%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 3 & 4. TEKNIK & STRUKTUR (GRID) -->\n<section class=\"section\" style=\"padding-top: 0;\">\n <div class=\"container\">\n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div style=\"color: #7FE3B0; margin-bottom: 20px;\"><svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n <h3 class=\"feature-title\">En stabil teknisk grund<\/h3>\n <p class=\"feature-text\">Vi optimerar laddningstider, Core Web Vitals och s\u00e4kerst\u00e4ller en korrekt HTML-struktur. En snabb och s\u00e4ker sida \u00e4r grunden f\u00f6r all synlighet.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div style=\"color: #FF6B9D; margin-bottom: 20px;\"><svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg><\/div>\n <h3 class=\"feature-title\">R\u00e4tt inneh\u00e5ll p\u00e5 r\u00e4tt plats<\/h3>\n <p class=\"feature-text\">Vi arbetar med tydlig rubrikhierarki, interna l\u00e4nkar och navigeringsstrukturer som g\u00f6r det enkelt f\u00f6r b\u00e5de Google och bes\u00f6kare att f\u00f6rst\u00e5 din sida.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div style=\"color: #5FCED8; margin-bottom: 20px;\"><svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h3 class=\"feature-title\">N\u00e4r SEO och UX samverkar<\/h3>\n <p class=\"feature-text\">Bra SEO utg\u00e5r alltid fr\u00e5n anv\u00e4ndaren. Genom att f\u00f6rb\u00e4ttra l\u00e4sbarhet, anv\u00e4ndarfl\u00f6den och tydlighet \u00f6kar vi b\u00e5de rankingen och konverteringen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 6. PROCESS -->\n<section class=\"section\">\n <div class=\"container\">\n <span class=\"section-label\">V\u00e5r Metod<\/span>\n <h2 class=\"section-h2\" style=\"max-width: 700px;\">En strukturerad och l\u00e5ngsiktig process<\/h2>\n \n <div class=\"process-list\">\n <div class=\"process-step\">\n <span class=\"process-num\">01.<\/span>\n <h3 class=\"process-h3\">Analys & Nul\u00e4ge<\/h3>\n <p class=\"section-p\">Vi kartl\u00e4gger er nuvarande synlighet, konkurrenter och tekniska f\u00f6ruts\u00e4ttningar.<\/p>\n <\/div>\n <div class=\"process-step\">\n <span class=\"process-num\">02.<\/span>\n <h3 class=\"process-h3\">Teknisk Genomg\u00e5ng<\/h3>\n <p class=\"section-p\">Vi identifierar och \u00e5tg\u00e4rdar hinder som trasiga l\u00e4nkar, l\u00e5ngsamma laddtider och indexeringsproblem.<\/p>\n <\/div>\n <div class=\"process-step\">\n <span class=\"process-num\">03.<\/span>\n <h3 class=\"process-h3\">Struktur & Inneh\u00e5llsplan<\/h3>\n <p class=\"section-p\">Vi tar fram en strategi f\u00f6r s\u00f6kord och inneh\u00e5ll som matchar vad era kunder faktiskt s\u00f6ker efter.<\/p>\n <\/div>\n <div class=\"process-step\">\n <span class=\"process-num\">04.<\/span>\n <h3 class=\"process-h3\">Optimering & Implementation<\/h3>\n <p class=\"section-p\">Vi implementerar f\u00f6r\u00e4ndringarna direkt i koden och content management systemet.<\/p>\n <\/div>\n <div class=\"process-step\">\n <span class=\"process-num\">05.<\/span>\n <h3 class=\"process-h3\">Uppf\u00f6ljning & F\u00f6rb\u00e4ttring<\/h3>\n <p class=\"section-p\">SEO \u00e4r ingen eng\u00e5ngsinsats. Vi f\u00f6ljer upp resultaten och justerar strategin l\u00f6pande.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 7. ANPASSAD SEO -->\n<section class=\"section\" style=\"background: linear-gradient(to bottom, #000, #050505);\">\n <div class=\"container text-center\">\n <h2 class=\"section-h2\">Anpassad SEO efter behov<\/h2>\n <p class=\"section-p\" style=\"max-width: 600px; margin: 0 auto 40px auto;\">Vi tror inte p\u00e5 \"one-size-fits-all\". Vi skr\u00e4ddarsyr strategin oavsett om ni \u00e4r en e-handel, ett lokalt tj\u00e4nstef\u00f6retag eller ett etablerat varum\u00e4rke.<\/p>\n <\/div>\n<\/section>\n\n<!-- 8. VARF\u00d6R NORDYN -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"grid-2\">\n <div>\n <h2 class=\"section-h2\">SEO utan genv\u00e4gar<\/h2>\n <p class=\"section-p\">V\u00e4lj Nordyn om ni vill bygga ett digitalt varum\u00e4rke som st\u00e5r starkt \u00e4ven imorgon.<\/p>\n \n <div class=\"check-list\">\n <div class=\"check-item\">\n <svg class=\"check-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <span class=\"feature-text\" style=\"color:#fff;\">Fokus p\u00e5 kvalitet och h\u00e5llbarhet<\/span>\n <\/div>\n <div class=\"check-item\">\n <svg class=\"check-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <span class=\"feature-text\" style=\"color:#fff;\">Teknisk kompetens i grunden<\/span>\n <\/div>\n <div class=\"check-item\">\n <svg class=\"check-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <span class=\"feature-text\" style=\"color:#fff;\">SEO integrerat i designen<\/span>\n <\/div>\n <div class=\"check-item\">\n <svg class=\"check-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <span class=\"feature-text\" style=\"color:#fff;\">Tydlig, \u00e4rlig kommunikation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <!-- Minimal Abstract Trust Visual -->\n <div class=\"visual-box\" style=\"background: rgba(138,116,255,0.02);\">\n <div style=\"position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px;\"><\/div>\n <div style=\"font-size: 80px; font-weight: 800; color: rgba(255,255,255,0.03);\">NORDYN<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 9. CTA -->\n<section class=\"cta-section\">\n <div class=\"container\">\n <h2 class=\"section-h2\" style=\"font-size: clamp(36px, 5vw, 64px);\">Vill du bygga synlighet<br>som h\u00e5ller \u00f6ver tid?<\/h2>\n <a href=\"https:\/\/nordyn.se\/en\/kontakt\/\" class=\"primary-btn nav-animate\">\n Kontakta Nordyn\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-main\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n <p class=\"footer-tagline\">Nordyn Web Agency Stockholm<\/p>\n <div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46722075505\">+46 72-207 55 05<\/a><br>Stockholm, Sweden<\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Services<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/e-handel\/\">E-commerce<\/a><a href=\"\/en\/seo\/\">SEO<\/a><a href=\"\/en\/branding\/\">Branding<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Company<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/blogg\/\">Blog<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Socials<\/h4>\n <div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <a href=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/gdpr\/\">GDPR<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ HEADER FADE\ndocument.addEventListener('DOMContentLoaded', (event) => {\n const headerTagline = document.getElementById('headerTagline');\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FULLSCREEN MENU LOGIC\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\n\/\/ FIX: L\u00e4gg till blur p\u00e5 klick f\u00f6r att d\u00f6da bl\u00e5 markering\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose){\n menuClose.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur();\n closeMenu();\n });\n}\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ FUNKTION F\u00d6R ATT \u00d6PPNA\/ST\u00c4NGA TJ\u00c4NSTER MENYN (Samma som startsidan)\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n \n \/\/ JS-hack: Ta bort fokus omedelbart\n if (event.currentTarget) {\n event.currentTarget.blur();\n }\n \n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nordyn \u2014 SEO & S\u00f6kmotoroptimering Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":15,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1456\/revisions"}],"predecessor-version":[{"id":1883,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1456\/revisions\/1883"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}