Ny versjon av siden min, kommenter! :)

Hei alle,

etter den forrige tråden lærte jeg veldig mye av tilbakemeldingene jeg fikk. Jeg har nå laget en helt "ny" nettside. Her har jeg endret teksten, font, logo, bilder, design, tatt ut alle feil jeg ser og annet. Jeg føler at den nye siden er estetisk finere å se på samt at den faktisk ser litt kul ut på iPhone og iPad mtp. at siden er responsiv.

Jeg har også gjort mye jobb med SEO, selv om jeg vet at guruer her på forumet vil si jeg fremdeles er langt unna.

Sjekk ut nye Funda Renhold
 

Tony J

Alle skal få
Mye bedre. Den midterste seksjonen med "Velkommen til Funda Renhold" og påfølgende tekst drar ned førsteinntrykket,teksten i seg selv er grei, men hadde det gått an å gjort det penere?. Kan det være en ide med å ha tilbakemeldinger på førstesiden? Det er alltid et salgstriks og ha gode tilbakemeldinger
 

Steve Cash

Medlem
Enig, veldig mye bedre. Jeg har ikke gransket den nøye, men denne er god å se på, spesielt liker jeg logen med huset som blir vasket med svamp. Det første ordet som faller meg inn når jeg ser siden er "rent".
 

xdex

Medlem
Her var det store forandringer ja, mye bedre enn tidligere versjon. Ser du har rettet opp i det meste jeg påpekte ved den gamle versjonen. Litt plagsomt at "ubesøkte/besøkte" lenker har forskjellige farger? (i hvert fall her.. bruker chrome)

Mulig jeg pirker litt nå, og det er helt sikkert forskjellige meninger om dette. Men jeg syntes at ett design bør ha "rette linjer", se på min illustrerte røde strek. Ville det sett finere ut om alt var på samme linje? med unntak av noe av teksten, selvfølgelig.

2941a4dc1e10445682007b3.png
 
Tusen takk karer, uten dere så hadde jeg vært på ville veier.

Det som gjenstår nå:
- Legge inn tilbakemeldinger i førstesiden
- Besøkte/ubesøkte lenker i meny i samme farge
- "Rette linjer" i designet
- Dele opp meny slik at det ser bedre ut i iPhone og iPad
- Logo ser ganske klemt ut i iPhone og iPad, må finne en løsning der

Takk folkens!
 

adeneo

Medlem
Ja, du skal bry deg om de!

Det er noen alvorlige feil der som bør rettes, samt at du mangler tegnsett og har en haug med merkelige meta tagger.
 
Takk for svaret, adeneo! Jeg har ikke gjort dette før, jeg så bare at endel SEO-sider nevner at du BØR validere siden da Google sikkert blir mer glad for teknisk solide nettsider. Jeg får ikke gjort denne jobben nå, men jeg skal benytte meg av HTML-Tidy for å rydde litt opp og så får jeg bare spørre dere om resten av feilene jeg ikke forstår ;)
 
Sist redigert:

adeneo

Medlem
Problemet er ikke bare at du bør validere, men du har klasser på lukkingen av elementer, slik som :

<span>tekst</span class="">

Du har glemt å lukke noen elementer, bruker tabulator til å lage mellomrom, og det er ingenting som heter </br> det heter faktisk <br> eller <br />.

Du mangler tegnsett, som er til dels alvorlig, samt en del småfeil som bør rettes, slik som manglende alt="" tagger på bilder, mens du faktisk har brukt på alt="" tag på en div, som ikke har en alt tagg ?

Nå som jeg likevel har sett igjennom feilene på W3C, kan jeg vel alltids bruke fem minutter på å rette de :

HTML:
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Flyttevask Oslo | Vaskehjelp | Renhold | Trappevask | Om Funda Renhold</title>
 	<meta name="description" content="VELKOMMEN TIL FUNDA RENHOLD – Totalleverandør av renholdstjenester i Oslo – Høykvalitets 				flyttevask, vaskehjelp, trappevask - Lave priser ? 918 58 352"/>
	<meta name="keywords" content="renhold oslo, vaskehjelp oslo, flyttevask oslo, trappevask oslo, flytte vask oslo, trappe vask oslo, privat renhold, renholdsfirma, hvit vask, effektivt renhold"/>
	<meta name="author" content="renhold oslo, renhold, Funda Renhold">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">
        <link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
</head>
<body>
	<div class="container">
		<div id="bannerimg" class="sixteen columns" style="height;200px;">
			<img src="images/banner.jpg" alt="banner" />
		</div>
		<div id="meny" class="sixteen column feature">
		<nav>
  		<ul>
       		<li class="active"><a href="index.htm">Om oss</a></li>
        	<li><a href="flyttevask.htm">Flyttevask</a></li>
        	<li><a href="vaskehjelp.htm">Vaskehjelp</a></li>
        	<li><a href="trappevask.htm">Trappevask</a></li>
        	<li><a href="prisliste.htm">Prisliste</a></li>
        	<li><a href="kontakt.htm">Kontakt</a></li>
		</ul>
		</nav>
		</div>
 		<div id="innhold" class="sixteen columns">
    		<h2>Velkommen til Funda Renhold</h2>
		    <p>
                       Vi er en seriøs renholdsbedrift som tilbyr flyttevask, vaskehjelp og trappevask i borettslag og sameier. 
                       Vi har opparbeidet oss bred erfaring og kompetanse i Oslo innenfor rengjøring av leiligheter, hus, kontorer, handlearealer og andre objekter.
                    </p>
		    <p>
                       Vårt mål er å tilby høy kvalitet på renhold til rimelige priser. Slik sikrer vi et langvarig samarbeid bygget på tillit og respekt. 
                       I renholdsbransjen er det dessverre slik at kunder hyppig må bytte renholdsfirma, nettopp på grunn av dårlig vask. Vi derimot, etterstreber perfekt rengjøring ved hvert besøk hos kunden.
                    </p>
		    <p>Våre løsninger er fullstendig tilpasset den enkelte kundes behov, krav og ønsker.</p>
		    <p>La oss gjøre jobben vi er glad i, slik at du kan gjøre det du er glad i!</p>
		</div>

		<div>
                   <hr/>
                </div>  
    	        <div class="one-third column feature">
               	    <span class="meny_T"><a href="flyttevask.htm">Flyttevask</a></span>
                    <br />
                    <a href="flyttevask.htm"><img src="images/flyttevask.jpg" width="300" height="200" alt="flyttevask" /></a>
                    <p>Selger du boligen og er skremt av alt renholdsarbeidet som må gjøres? 
                         Har du hatt leieboere som har forlatt hjemmet ditt rotete? 
                         La oss gjøre livet ditt lettere.
                        <br/>
                        <a href="flyttevask.htm">Les mer…</a>
                    </p>
                    </div>
               	    <div class="one-third column feature">
                        <span class="meny_T"><a href="vaskehjelp.htm">Vaskehjelp</a></span>
		       <br />
          	       <a href="vaskehjelp.htm"><img src="images/vaskehjelp.jpg" width="300" height="200" alt="vaskehjelp" /></a>
        	       <p>Vi ønsker å avlaste kundene våres i deres travle hverdag ved å ta over noen av hjemmets renholdsoppgaver.
                             La Funda Renhold ta seg av jobben. 
                            <br>
                            <a href="vaskehjelp.htm">Les mer…</a>
                       </p>
         	       </div>
          	       <div class="one-third column feature">
                   	    <span class="meny_T"><a href="trappevask.htm">Trappevask</a></span>
                            <br />
           		    <a href="trappevask.htm"><img src="images/trappevask.jpg" width="300" height="200" alt="trappevask" /></a>
           		    <p>Trenger dere noen til å vaske trapper og fellesareal i deres oppganger?
                                 Vi kan  være behjelpelige med trappevask til borettslag og sameier av forskjellige størrelser.
                               <br>
                               <a href="trappevask.htm">Les mer…</a>
                           </p>
                    </div>
   		<div>
            <hr  />
        </div>
        <div class="one-third column feature">
		    <p>© Funda Renhold - Org. nr 998377692 mva</p>
        </div>
	    <div class="one-third column feature">
   		    <p>E-post: [email]post@fundarenhold.no[/email]</p>
	    </div>
	    <div class="one-third column feature">
	        <p>Tlf: 918 58 352</p>
	    </div>
	</div>

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
    <script src="javascripts/app.js"></script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-39186060-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
</body>
</html>

Og nei, du trenger ikke den grusomme banneren som sier at siden din validerer, dropp det!
 
adeneo, du er en solid kar av den sjeldne typen! Nå om du bare kunne rettet feilene til de 5 andre sidene mine... ^^

flyttevask.htm
vaskehjelp.htm
trappevask.htm
prisliste.htm
kontakt.htm
 
Sist redigert:

adeneo

Medlem
Har dessverre ikke tid akkurat nå, jeg kikket fort på de, og noen av de har 50-60 feil, og en del HTML som må rettes på.

Dersom du tar utgangspunkt i at head seksjonen og menyen stort sett er den samme, og bruker den koden som er i mitt forrige innlegg, trenger du bare å rette på HTML'en, og dette lærer du masse av.

Underveis klipper og limer du koden inn i W3C validatoren, som har en egen del for direkte input av kode, og der kan du se akkurat hvilken linje det er snakk om, og hvis ikke du forstår feilmeldingen kan du spørre her eller søke den opp, og lære underveis, slik alle vi andre har gjort, hva som ikke er gyldig HTML, slik at du unngår det neste gang.

Det er akkurat det samme jeg gjør, regelmessig putter koden jeg skriver inn i validatoren for å sjekke at jeg ikke har glemt noe eller gjort noen feil, og det er nesten alltid noe som rettes opp.
 
Det var et godt og informativt svar, adeneo. Jeg må lære dette jeg også! Og som du sier, du har jo gjort mesteparten av arbeidet som ligger i header :) Skal forsøke meg frem. Tror du Google blir glad for endringene?
 
Har 2 små tekniske problemer jeg håper noen kan se på:

1. Mobilversjonen av siden Flyttevask Oslo | Flytterengjøring | Funda Renhold har en margin på høyre side slik at man kan scrolle høyre/venstre. Ser ingenting i koden som skal få siden til å reagere sånn, den er kodet likt som de andre og har dessuten mobile width=1 . Vet noen hvor feilen ligger?

2. Renhold | Totalleverandør Oslo | Kontakt Funda Renhold - menyen er noen pixler lavere enn de andre sidene. Dessuten er siden venstrestilt på IE6. Kan noen ta en titt på siden for å fortelle meg hvordan det ser ut?

Har fjernet alle feil på alle htm sider og css :)
 

xdex

Medlem
IE6 skal du IKKE bry deg om, fy deg! Alle som støtter IE6 burde skamme seg. Hvorfor? Fordi dem støtter en nettleser som burde vært død for lengesiden. Gi dem heller en melding om å oppdatere Internet Explorer til IE8 eller nyere.
 
Topp