<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Allt inom det senaste på webben. En portal för dig som är intresserad av det senaste inom digitaliseringen">

    <title>OmWebb.se</title>
    <link rel="stylesheet" href="https://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.min.css">
    <style>
    	@import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');

    	* {
    		font-family: Garamond, Georgia, serif;
    	}

    	section {
    		padding-bottom: 1rem;
    		border-bottom: 1px solid #CCC;
    		margin-bottom: 3rem;
    	}

    	a {
    		color: red;
    	}

    	#hero {
    		background-size: cover;
    		background-image: url('cover.jpeg');
            background-position: center;
    		color: white;
    		box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.7);
    	}

    	#hero .subheader {
    		color: #CCC;
    	}

    	#hero .innercontainer {
    		margin-top: 4rem;
    		margin-bottom: 4rem;
    	}

    	.sectioncontainer {
    		padding-top: 2rem;
    	}

    	#kontakt {
    		min-width: 100%;
    		background-color: #EFEFEF;
    		padding-top: 2rem;
    		padding-bottom: 2rem;
    	}

    	#kontakt .row {
    		margin-left: auto;
    		margin-right: auto;
    	}

    	#footer {
    		background-color: #222;
    		padding-top: 2rem;
    		padding-bottom: 2rem;
    	}

    	#footer, #footer a, #footer h4 {
    		color: #FFF;
    	}

    	#footer a {
    		text-decoration: underline;
    	}

    	h2 {
    		font-size: 2rem;
    	}

    	h1, h2, h3, h4 {
    		font-family: Garamond, Georgia, serif;
    	}

    	svg.logo {
    		margin-top: 0.5rem;
    	}

    	svg.logo text {
    		font-family: Ranchers;
    		font-size: 1.5rem;
    	}
    </style>
  </head>
  <body>

    <!-- Start Top Bar -->
    <div class="top-bar">
      <div class="top-bar-left">
      	<!-- Logotype -->
      	<svg height="24" width="300" class="logo">
		  <text x="0" y="20" fill="black">OmWebb.se</text>
		</svg>
      </div>
      <div class="top-bar-right">
        <ul class="menu">
          <li><a href="#blogg">Nyheter</a></li>
          <li><a href="#kontakt">Kontakt</a></li>
        </ul>
      </div>
    </div>
    <!-- End Top Bar -->

    <div class="callout large primary" id="hero">
      <div class="row column text-center large innercontainer">
        <h1>Allt om webben</h1>
        <span class="subheader">En portal för dig som är intresserad av det senaste inom digitaliseringen</span>
      </div>
    </div>

    <!-- We can now combine rows and columns when there's only one column in that row -->
    <div class="row medium-8 large-7 columns sectioncontainer">

      <section class="blog-post">
        <h2>5  SEO-tips från experterna</h2>
        <p>Allt fler personer och företag har insett hur viktig marknadsföringskanal SEO-optimering är för ens hemsida. Här har vi samlat dom 5 övergripande tipsen på hur din hemsida kan rankas högre. Vi har varit kontakt med <a href="https://vaning18.se/" title="Klicka här för att komma till Våning 18">Våning 18</a> i Halmstad, som är en av dom ledande seo-byråerna i landet.
        <ol>
          <li><b>Relevant innehåll</b> - där det är mer fokus på vad man skapar för värde för besökarna, och mindre att låta sökorden "bombadera" hemsidan.</li>
          <li><b>Sökordet ska inkluderas överallt</b> - i rubriker, löpande text, metabeskrivningar, bildtext osv. Det får dock inte användas för mycket så det blir oläsbar text istället.</li>
          <li><b>Skaffa seo-verktyg</b> så som Google search console, Woorank och Pingdom. Läs på och skaffa dessa för att komma vidare med ditt SEO-arbete. </li>
          <li>Efter du har spikat vilka sökord du vill fokusera på så är tipset att börja med att se över title, meta description, h1 och URL först innan du går på textinnehållet och intern länkar.  </li>
          <li><b>Ha tålamod</b> - Det kan ta lång tid tills du ser resultatet efter din SEO-optimering. Försök att följa upp rankingen åtminstone en gång i veckan. SEMrush är ett bra verktyg som mäter allt inom SEO på ens hemsida. </li>
        </ol> </p>
      </section>
      <section class="blog-post">
        <h2>Hur bra är Screaming frog?</h2>
        <p>
          Scremaing frog är ett grymt verktyg för en användare att läsa av en hemsida. När man jobbar med SEO så är detta verktyg verkligen optimal för att få fram brister på ens hemsida och vad man kan göra för förbättringar på ens SEO. Typiska funktioner tjänster gör är att kolla över:
          <li>Meta descriptions</li>
          <li>Länkstruktur</li>
          <li>Titlar</li>
          <li>Laddninghastighet</li>
          <li>Externa länkar</li>
        </p>
        <p>
          Det finns många liknande program idag så som Screaming frog. Stora skillanden varför denna funkar bäst är att man knappt behöver inkluderar några andra verktyg för att få en bra överblick på SEO-arbetet.
        </p>
      </section>
      <section class="blog-post">
        <h2>VR (Virtual Reality) är framtiden?</h2>
        <p>
         Många olika slags forum har diskuterat VR:s stora genomkraft som utvecklas väldigt snabbt och brett. Det är lätt attt tänka att VR är primärt för digitala spel men under senaste 5-8 åren har det utvecklats mot byggbranschen, undervisning och sociala plattformar. Många fler branscher har fått upp ögonen för VR och möjligheterna med tekniken. Tiden är också inne nu för onlinecasinon som börja se stora intäkter inom poker med VR - där spelare kan gå in i spännande miljöer utan att lämna hemmet. 
        </p>
      </section>     

	  <section class="blog-post">
		<h2>Vad det innebär att designa en hemsida</h2>
		<p>Designa en hemsida innebär att skapa en visuell representation av en webbplats som ska vara användarvänlig, attraktiv och informativ för besökarna. Det innebär att välja färger, typsnitt, layout och andra grafiska element som ska användas på hemsidan. Det är också viktigt att tänka på navigeringen på hemsidan, så att besökarna lätt kan hitta den information de söker. För att designa en hemsida behövs också en bra struktur och innehåll, så att hemsidan är lätt att läsa och förstå. Det är också viktigt att testa hemsidan på olika enheter och webbläsare för att säkerställa att den fungerar korrekt och ser bra ut på alla plattformar. Vill du veta mer om webbdesig rekomenderar jag att kolla in <a href="https://mastodontmedia.com/">Mastodontmedia</a> en webbyrå som förklarar och visar</p>
	  </section>
    </div>

    <div class="row columns" id="kontakt">
	    <div class="row medium-8 large-7 columns">
	    	<h3>Kontakt</h3>
	    	Vi är svåra att nå för tillfället.
	    </div>
	</div>

    <div class="large primary" id="footer">
    	<div class="row">
    		<div class="columns small-12 medium-6">
    			<h4>Allt inom digitaliseringen</h4>
    			<strong>www.omwebb.se</strong>
    		</div>
    		<div class="columns small-12 medium-6 text-right">
    			<h4>Tips på seo verktyg:</h4>
    			<p>Google Search Console</p>
          <p>PageSpeed Insights </p>
    		</div>
    	</div>
    </div>

    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.js"></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>



