<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title> &#187; SEO</title>
	<atom:link href="http://www.nthdesign.se/category/seo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nthdesign.se</link>
	<description></description>
	<lastBuildDate>Sat, 07 May 2011 10:06:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Blinkfri bildhover</title>
		<link>http://www.nthdesign.se/tutorials/blinkfri-bildhover/</link>
		<comments>http://www.nthdesign.se/tutorials/blinkfri-bildhover/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 09:34:32 +0000</pubDate>
		<dc:creator>Nicklas</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.nthdesign.se/?p=645</guid>
		<description><![CDATA[En alltför vanlig metod som många använder sig av när de skapar konst på internet är att göra en design i Photoshop, eller motsvarande programvara, som de delar upp i småbilder som i sin tur placeras i en tabell eller vad det nu kan vara. Den lösningen är varken flexibel eller sökmotorsvänlig. Du ska såklart [...]]]></description>
			<content:encoded><![CDATA[<p>En alltför vanlig metod som många använder sig av när de skapar konst på internet är att göra en design i Photoshop, eller motsvarande programvara, som de delar upp i småbilder som i sin tur placeras i en tabell eller vad det nu kan vara. Den lösningen är varken flexibel eller sökmotorsvänlig. Du ska såklart använda dig av CSS!</p>
<p>Självklart kan man använda sig av bilder, men man bör till exempel använda sig av så många textrubriker som möjligt. Som ni kanske vet indexerar sökmotorer html-taggar som h1 och h2 för att kolla om det finns intressanta saker på din hemsida som passar olika sökningar.<br />
Ett enligt mig mycket enerverande problem i dag är att det finns allt för få standardfonter. Man kan alltid surfa runt och ladda hem snygga fonter på hemsidor som <a href="http://www.dafont.com" target="_blank">DaFont</a>, du kan dock inte applicera dessa fonter på texter på din hemsida utan att göra bilder.</p>
<p>Jag tänkte föreslå ett sätt att göra bilder lite mer sökmotorsvänliga mha css. Vi ska göra en bild med hovereffekt, som också innehåller en header-tag (som tex h1, h2 osv). Det kommer också att visa sig att hovertekniken som vi ska använda klarar av att laddas direkt, vi slipper fula blinkningar etc.</p>
<p>Följande är vad vi ska skapa:</p>
<p><img class="inlagg_bild" title="tut_blink" src="http://www.nthdesign.se/wp-content/uploads/2009/03/tut_blink.jpg" alt="tut_blink" width="400" height="130" /></p>
<h3>HTML</h3>
<div class="tut_bg">
<p>&lt;a href=&#8221;DinURL&#8221; id=&#8221;bildklass&#8221;&gt;<br />
&lt;h2&gt;Beställ här&lt;/h2&gt;<br />
&lt;/a&gt;</p></div>
<p><strong>..Dådå?</strong></p>
<p>Vi använder oss av en länk med en rubrik i. Det skulle också kunna vara en länk med en span-tagg i, det är upp till dig att bestämma. I vissa situationer kan det kännas mer korrekt. Om vi skulle visa detta utan CSS skulle vi bara se en länkad rubrik. Nu ska vi införa bilder och göra så att texten inte längre syns mha CSS!</p>
<h3>CSS</h3>
<div class="tut_bg">
<p>#bildklass,<br />
#bildklass h2{<br />
display:block;<br />
width:120px;<br />
height:40px;<br />
position:relative;<br />
overflow: hidden;<br />
}<br />
#bildklass h2{<br />
margin:0px;<br />
height:80px;<br />
text-indent:-9000px;<br />
background-image: url(Untitled-1.jpg);<br />
background-repeat: no-repeat;<br />
background-position: left top;<br />
}<br />
#bildklass:hover h2{<br />
top:-40px;<br />
}</p></div>
<p><strong>So..?</strong></p>
<p>Du ska tolka CSS-koden på följande sätt&#8230; tänk dig att a-taggen (bildklass) är ett fönster mot det du ser. Vi sätter en storlek på fönstret och börjar sedan manipulera det vi ska visa (h2).</p>
<ul>
<li>H2 har en margin som standard, den tar vi bort.</li>
<li>Vi skjuter bak texten på h2-taggen så att den inte syns men ändå finns där i html-koden.</li>
<li>Det som finns bakom fönstret (canvas) utökar vi till bildstorleken</li>
<li>På hover-state skjuter vi upp bakgrunden 40 px och visar vår andra bild</li>
<li>Doneanddone!</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.nthdesign.se/tutorials/blinkfri-bildhover/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Sitemaps för SEO</title>
		<link>http://www.nthdesign.se/tutorials/sitemaps-for-seo/</link>
		<comments>http://www.nthdesign.se/tutorials/sitemaps-for-seo/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 09:53:59 +0000</pubDate>
		<dc:creator>Nicklas</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Sitemap]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.nthdesign.se/?p=601</guid>
		<description><![CDATA[Idag pratade jag och Sebastian från Treplex lite om sökmotorsoptimering (seo) och kom in på sitemaps. En sitemap är en xml-fil som beskriver de sidor som finns på din webbplats. Xml-filen kan du lägga upp på din server, dess länk till kan du ge till google för att &#8221;visa vad som finns&#8221; på din sida. [...]]]></description>
			<content:encoded><![CDATA[<p>Idag pratade jag och Sebastian från <a href="http://www.treplex.se" target="_blank">Treplex</a> lite om sökmotorsoptimering (seo) och kom in på sitemaps. En sitemap är en xml-fil som beskriver de sidor som finns på din webbplats. Xml-filen kan du lägga upp på din server, dess länk till kan du ge till google för att &#8221;visa vad som finns&#8221; på din sida. Jag ska beskriva hur du kan göra detta på ett smidigt sätt.</p>
<h3><span style="text-decoration: line-through;"><span id="more-601"></span></span>Googles verktyg för webbansvariga</h3>
<p>Gå in på följande <a href="http://www.google.com/webmasters/tools/" target="_blank">hemsida</a> och logga in om du har ett konto (funkar med ditt gmail konto). Väl på hemsidan kan du börja med att lägga till din webbplats-URL.  Ladda sedan upp din .xml-fil till rooten av din server (public-html eller dyl.) och ge google länken under fliken &#8221;webbplatskartor&#8221;.</p>
<h3>Hur gör man en .xml fil?</h3>
<p>Det finns många olika sätt att göra detta på. För en WordPress användare som mig är det väldigt bekvämt att installera ett tillägg. Sök på xml-sitemap i wordpress och installera tillägget, aktivera och generera din sitemap.</p>
<p>Ett vanligt problem kan vara att WordPress inte har &#8221;tillstånd&#8221; att skriva i din ftp, gör då såhär:</p>
<ul>
<li>Skapa en .txtfil och spara den som sitemap.xml och sitemap.xml.gz</li>
<li>Ladda upp dessa filer till roten av din site</li>
<li>Sätt permission till 777</li>
<li>Försök att generera en sitemap från  ditt WP-tillägg igen</li>
</ul>
<h3>Update !</h3>
<p>Samma procedur går att genomföra med världens näst största webbplats, som också är en sökmotor. Registrera dig på <a href="https://siteexplorer.search.yahoo.com/">Yahoo</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nthdesign.se/tutorials/sitemaps-for-seo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Tentaplugg</title>
		<link>http://www.nthdesign.se/ovrigt/tentaplugg/</link>
		<comments>http://www.nthdesign.se/ovrigt/tentaplugg/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 19:42:25 +0000</pubDate>
		<dc:creator>Nicklas</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Studier]]></category>
		<category><![CDATA[Övrigt]]></category>
		<category><![CDATA[Chalmers]]></category>
		<category><![CDATA[Grafik]]></category>
		<category><![CDATA[Tentaplugg]]></category>

		<guid isPermaLink="false">http://www.nthdesign.se/?p=594</guid>
		<description><![CDATA[Sex, sju veckor har nu passerat sedan vi började denna läsperiod. Det börjar dra ihop sig mot tentavecka på Chalmers. Det är något i luften, folk är stressade och det kryllar av personer i studierummen. Själv känner jag att ångesten börjar komma. Maskinorienterad programmering och linjär algebra ska tentas av, laborationerna är klara. Jag har [...]]]></description>
			<content:encoded><![CDATA[<p>Sex, sju veckor har nu passerat sedan vi började denna läsperiod. Det börjar dra ihop sig mot tentavecka på Chalmers. Det är något i luften, folk är stressade och det kryllar av personer i studierummen.</p>
<p>Själv känner jag att ångesten börjar komma. Maskinorienterad programmering och linjär algebra ska tentas av, laborationerna är klara. Jag har en tenta på måndag och den andra är på lördagen efter. Jag tror att MOP-kursen kommer att bli svårast eftersom man måste skriva kod för hand på tentan och att man måste hålla reda på både assembler och C.</p>
<h3>Grafik</h3>
<p>Idag föreläste en professor om hur datagrafik fungerar.  Man kan i stort sett bygga alla sorters element av trianglar, därmed specialiserar man grafikkorten för att endast göra ett jobb. För att sammanfatta det hela så handlar det om att rita dessa trianglar på ett så snabbt sätt som möjligt. Trianglarna tilldelas sedan en färg eller textur. Färgen beror också på hur trianglarna förhåller sig till ljuskällor.</p>
<p>Föreläsningen var väldigt intressant, det talades en del om hur man kan generera snygga skuggor och hur man renderar rök som i själva verket är ett moln av partiklar.</p>
<p>Puh, jag har också jobbat lite på bitos, en del förändringar har skett i designen.. jag postar när sidan är klar!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nthdesign.se/ovrigt/tentaplugg/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Google Page Rank algoritm</title>
		<link>http://www.nthdesign.se/ovrigt/google-page-rank-algoritm/</link>
		<comments>http://www.nthdesign.se/ovrigt/google-page-rank-algoritm/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 14:35:10 +0000</pubDate>
		<dc:creator>Nicklas</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Studier]]></category>
		<category><![CDATA[Övrigt]]></category>
		<category><![CDATA[Algoritm]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Kuriosa]]></category>
		<category><![CDATA[Page rank]]></category>

		<guid isPermaLink="false">http://www.nthdesign.se/?p=528</guid>
		<description><![CDATA[Ett hett område, med vissa relationer till sökmotoroptimering, är Googles Page Rank algoritm. Denna algoritm har kopplingar till matematikkursen linjär algebra som jag förnuvarande läser på chalmers. Idag  pratade vår matteföreläsare om algoritmen i samband med att redogöra för vad en Markov-kedja är förnåt, ett begrepp eller en synvinkel som berör de fundamentala delarna av [...]]]></description>
			<content:encoded><![CDATA[<p>Ett hett område, med vissa relationer till sökmotoroptimering, är Googles Page Rank algoritm.</p>
<p>Denna algoritm har kopplingar till matematikkursen linjär algebra som jag förnuvarande läser på <a href="http://www.chalmers.se" target="_blank">chalmers</a>. Idag  pratade vår matteföreläsare om algoritmen i samband med att redogöra för vad en Markov-kedja är förnåt, ett begrepp eller en synvinkel som berör de fundamentala delarna av Page Rank systemet.</p>
<p>Page Rank är Google-grundarna Larry Pages och Sergey Brinks system för att rangordna webplatser.</p>
<p><img class="inlagg_bild_float" title="markov_1" src="http://www.nthdesign.se/wp-content/uploads/2009/02/markov_1.jpg" alt="markov_1" width="199" height="163" /></p>
<p>Det handlar om att beräkna en matris som består av alla hemsidor som finns och sannorlikheter för att man skulle navigera till just de sidorna, antingen via länkar på en hemsida man besöker för tillfället eller genom en helt ny inmatning i adressfältet.</p>
<p>Man kan göra en fördelning (genom observation) hur personer beter sig på internet och till exempel dra slutsatser om hur de navigerar.</p>
<p>Ponera att genomsnittsmänniskan i 80 % av fallen navigerar mha länkarna på hemsidan man befinner sig på (till en annan hemsida), 10 % av fallen stannar han kvar på samma hemsida och i resterande 10 % av fallen börjar personen i fråga en helt ny sökning.</p>
<p><img class="inlagg_bild" title="markov_2" src="http://www.nthdesign.se/wp-content/uploads/2009/02/markov_2.jpg" alt="markov_2" width="223" height="215" /></p>
<p>Man kan då ställa upp en matris som berättar om hur stor sannorlikheten är att en person stannar kvar, som ett exempel visar jag hur stor sannorlikheten är att navigera från sida 1 till de andra sidorna (finns 6 st på &#8221;min version av Internet&#8221;).</p>
<ul>
<li>Att surfa från 1 -&gt; 1 betyder att stanna kvar = 10%</li>
<li>Från 1-&gt;2, finns en länk från 1 (26 %), ny sökning (2%) =28%</li>
<li>Från 1-&gt;6 måste göras genom en helt ny sökning = 2 %</li>
</ul>
<p><img class="inlagg_bild" title="markov_3" src="http://www.nthdesign.se/wp-content/uploads/2009/02/markov_3.jpg" alt="markov_3" width="300" height="206" /></p>
<p>Med enorm datorkraft kan man sedan beräkna den stokastiska matrisen som uppstår, inget jag tänker göra här helt enkelt.</p>
<p>Att tänka på är att detta är den grundläggande matematiska modellen, självklart använder google andra parametrar också!</p>
<p>Samt att det finns mer än 6 sidor på Internet <img src='http://www.nthdesign.se/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  on topic: kolla in <a href="http://www.alexa.com" target="_blank">Alexa ranking</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nthdesign.se/ovrigt/google-page-rank-algoritm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sökmotoroptimering SEO</title>
		<link>http://www.nthdesign.se/webdesign/sokmotorsoptimering-seo/</link>
		<comments>http://www.nthdesign.se/webdesign/sokmotorsoptimering-seo/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 10:10:02 +0000</pubDate>
		<dc:creator>Nicklas</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Sökmotoroptimering]]></category>

		<guid isPermaLink="false">http://www.nthdesign.se/?p=493</guid>
		<description><![CDATA[Det är viktigt att titta på hur du byggt upp din hemsida för att hamna högt upp på Google. Om du siktar på att få många besökare till din sida kan du inte undgå att sökmotorsoptimera (SEO, Search Engine Optimization). Det handlar om att ha sökmotorsvänliga länkar (ofta handlar det om att ha textlänkar), undvika [...]]]></description>
			<content:encoded><![CDATA[<p><em>Det är viktigt att titta på hur du byggt upp din hemsida för att hamna högt upp på Google. Om du siktar på att få många besökare till din sida kan du inte undgå att sökmotorsoptimera (SEO, Search Engine Optimization). Det handlar om att ha sökmotorsvänliga länkar (ofta handlar det om att ha textlänkar), undvika frames och flashmenyer etc. Jag kommer att gå igenom lite viktiga saker att tänka på och visa vart du kan hitta mer om detta.</em></p>
<h3><em><span id="more-493"></span></em>Resurser</h3>
<p>Jag hittade <a href="http://www.seo.se/registrera.asp" target="_blank">en bra sida</a> som handlar om SEO om du vill fördjupa dig i det. De har bland annat en lista på sidor där du kan anmäla din URL till sökmotorer.</p>
<p>Jag har ett WordPress-plugin som förbättrar mina  titlar genom att skriva om dem för de olika inläggen. Det är att rekommendera om du använder dig av WP.</p>
<h3>Hur fungerar det?</h3>
<p>Den stora brickan i spelet är såklart google men också yahoo och live search. Det finns hundratals parametrar som vägs in i olika algoritmer när du utför en sökning.</p>
<p><strong>Några av de parametrar som matchas för sin relevans är:</strong></p>
<ul>
<li>URL-adress</li>
<li>Domännamn</li>
<li>Titel</li>
<li>Nyckelord i h1, h2 och h3 element</li>
<li>Länkspindlingar</li>
<li>Uppdateringar av hemsidan</li>
</ul>
<p>Algoritmerna uppdateras ständigt och det gäller att hänga med i svängarna och ständigt anpassa din sida för att kunna ligga i topp.</p>
<p><img class="inlagg_bild_float" title="google" src="http://www.nthdesign.se/wp-content/uploads/2009/02/google.jpg" alt="google" width="140" height="56" /></p>
<p>En  ny patenterad sökmotorsrelaterad term är Page Rank. Det handlar om att titta på hemsidornas länkningar mellan varandra. En länk från sida X till sida Y ger Y-sidan en &#8221;röst&#8221;. Men det handlar inte bara om att få flest röster; utan också om hur viktig sida  X är. <a href="http://en.wikipedia.org/wiki/Page_rank" target="_blank">Läs mer</a> om Page Rank.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nthdesign.se/webdesign/sokmotorsoptimering-seo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

