{"id":1124,"date":"2025-06-25T15:25:08","date_gmt":"2025-06-25T13:25:08","guid":{"rendered":"https:\/\/www.webbtekniken.com\/?page_id=1124"},"modified":"2025-06-25T15:28:28","modified_gmt":"2025-06-25T13:28:28","slug":"seo-kalkylator","status":"publish","type":"page","link":"https:\/\/www.webbtekniken.com\/sv_se\/seo-kalkylator\/","title":{"rendered":"SEO Kalkylator"},"content":{"rendered":"<style>.kb-row-layout-id1124_be233e-68 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1124_be233e-68 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1124_be233e-68 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1240px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1124_be233e-68 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1124_be233e-68 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1124_be233e-68 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1124_be233e-68 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{display:flex;}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col,.kadence-column1124_290ebc-a6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column1124_290ebc-a6{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1124_290ebc-a6{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column1124_290ebc-a6{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 1024px){.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column1124_290ebc-a6{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column1124_290ebc-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1124_290ebc-a6\"><div class=\"kt-inside-inner-col\">\n<style>\n  #seo-kalkylator {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 2rem;\n    background: #f9f9f9;\n    border-radius: 12px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    font-family: sans-serif;\n  }\n  #seo-kalkylator h2 {\n    text-align: center;\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n  }\n  #seo-kalkylator label {\n    display: block;\n    margin-bottom: 0.3rem;\n    font-weight: 500;\n  }\n  #seo-kalkylator input {\n    width: 100%;\n    margin-bottom: 1rem;\n    padding: 0.6rem;\n    font-size: 1rem;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n  }\n  #seo-kalkylator button {\n    width: 100%;\n    padding: 0.8rem;\n    background: #2563eb;\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    font-size: 1.1rem;\n    cursor: pointer;\n  }\n  #resultat {\n    margin-top: 1.5rem;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  #grafcontainer {\n    margin-top: 2rem;\n  }\n  #grafcontainer h4 {\n    text-align: center;\n    font-size: 1rem;\n    margin-bottom: 0.5rem;\n  }\n  #grafbar {\n    height: 30px;\n    background: #e5e7eb;\n    border-radius: 6px;\n    overflow: hidden;\n    position: relative;\n  }\n  #graf {\n    height: 100%;\n    width: 0;\n    background: #2563eb;\n    transition: width 1s ease-in-out;\n  }\n  #graftext {\n    text-align: center;\n    margin-top: 0.5rem;\n    font-size: 0.9rem;\n    color: #555;\n  }\n\n  \/* Mobilanpassning *\/\n  @media screen and (max-width: 600px) {\n    #seo-kalkylator {\n      padding: 1rem;\n    }\n    #seo-kalkylator h2 {\n      font-size: 1.4rem;\n    }\n    #seo-kalkylator button {\n      font-size: 1rem;\n    }\n    #resultat {\n      font-size: 1rem;\n    }\n  }\n<\/style>\n\n<div id=\"seo-kalkylator\">\n  <h2>SEO-kalkylator<\/h2>\n\n  <label for=\"trafik\">Antal bes\u00f6kare per m\u00e5nad:<\/label>\n  <input type=\"number\" id=\"trafik\" placeholder=\"t.ex. 1000\" \/>\n\n  <label for=\"konvertering\">Konverteringsgrad (%):<\/label>\n  <input type=\"number\" id=\"konvertering\" placeholder=\"t.ex. 2\" \/>\n\n  <label for=\"ordervarde\">Genomsnittligt orderv\u00e4rde (kr):<\/label>\n  <input type=\"number\" id=\"ordervarde\" placeholder=\"t.ex. 500\" \/>\n\n  <button type=\"button\" onclick=\"beraknaSEO()\">Ber\u00e4kna<\/button>\n\n  <div id=\"resultat\"><\/div>\n\n  <div id=\"grafcontainer\">\n    <h4>V\u00e4rdegraf per m\u00e5nad<\/h4>\n    <div id=\"grafbar\"><div id=\"graf\"><\/div><\/div>\n    <div id=\"graftext\">Maxv\u00e4rde: 100\u00a0000 kr<\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function beraknaSEO() {\n    const trafik = parseFloat(document.getElementById(\"trafik\").value) || 0;\n    const konvertering = parseFloat(document.getElementById(\"konvertering\").value) || 0;\n    const ordervarde = parseFloat(document.getElementById(\"ordervarde\").value) || 0;\n\n    const leads = trafik * (konvertering \/ 100);\n    const varde = leads * ordervarde;\n\n    const resultatText = `SEO kan ge ett uppskattat v\u00e4rde p\u00e5 ${Math.round(varde).toLocaleString(\"sv-SE\")} kr\/m\u00e5nad.`;\n    document.getElementById(\"resultat\").innerText = resultatText;\n\n    const maxVarde = 100000;\n    const procent = Math.min((varde \/ maxVarde) * 100, 100);\n    document.getElementById(\"graf\").style.width = procent + \"%\";\n  }\n<\/script>\n\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>SEO-kalkylator Antal bes\u00f6kare per m\u00e5nad: Konverteringsgrad (%): Genomsnittligt orderv\u00e4rde (kr): Ber\u00e4kna V\u00e4rdegraf per m\u00e5nad Maxv\u00e4rde: 100\u00a0000 kr<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1124","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"webbtekniken45","author_link":"https:\/\/www.webbtekniken.com\/sv_se\/author\/webbtekniken45\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/pages\/1124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":4,"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/pages\/1124\/revisions"}],"predecessor-version":[{"id":1128,"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/pages\/1124\/revisions\/1128"}],"wp:attachment":[{"href":"https:\/\/www.webbtekniken.com\/sv_se\/wp-json\/wp\/v2\/media?parent=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}