Permalänk
Medlem

Ny hemsida - feedback

Tjena!
Jag har nyligen blivit klar med min första EGNA hemsida: http://www.morre.nu
Vill gärna ha feedback på designen, layouten, koden etc.. Ja, i princip allting som har med bloggen att göra.

Lite kort om bloggen:
* Kodad i ASP med MYSQL databas alltså ingen "färdig blogg" jag ändrat design på.
* Validerar: xhtml,css,rss
* SEO-optimerad (men kanske kan optimeras ännu mer?)

Jag vill BARA ha konstruktiv kritik. Alltså, om du inte tycker om någonting så förklara gärna varför och vad jag kan göra åt det!

Tacksam för bra tips!

/Morre

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
* Validerar: xhtml,css,rss

Ingen bryr sig. Validering är ett verktyg, inte en drog för bekräftelseknarkare. Sen vet nog de flesta på swec vad jag tycker om XHTML (se signatur).

I övrigt skulle jag nog vilja påstå att färgerna skär sig lite för mycket, och att du behöver mer whitespace i sidebaren.

Permalänk
Medlem

Jag gillar den överlag! Första intrycket var "rosa, blått och grönt!?!?" men det känns lite annorlunda, på ett bra sätt!

Ska man vara lite dryg så finns det ett par saker jag skulle ändra:
* Aningen stor text. Blir lite jobbigt att läsa längre stycken, allt känns som en rubrik på något vis.
* Är inte RSS-loggan ursprungligen kvadratisk? Den känns lite ovan att titta på, ger ett lite... billigt uttryck, typ som att du har slängt in en bild bara.
* Menyn är jättestor, den rosa färgen skiljer sig bra i sig själv, så jag skulle nog dra ner höjden rejält! Kanske någon form av avskiljare med så man tydligt ser att det är länkar? (ex. lodrätt streck, "|" )
* "Sök flaggor"-boxen är inte riktigt i mitten, även den är lite stor tycker jag, den känns mer som en sekundär grej man letar efter om man känner till sidan sedan innan.
* När inlägget är skrivet och "Kommentarer (n)" känns väldigt stort, jag skulle mer se det som en mindre viktig detalj, framförallt i förhållande till innehållet.
* Inskrivet av morre, kanske köra namnet till en länk till en sida där du skriver lite om dig själv?

Lycka till!

Visa signatur

Cat funeral! Cat funeral!
>>> 112383 <<<

Permalänk
Medlem

Att validera sidan innebär att man tagit sig tid att få koden korrekt enligt en viss standard och att man vill koda korrekt.

Valideringslänkarna längst ner på min hemsida har gjort att många av mina läsare har intresserat sig av att koda korrekt, många nybörjare visste inte ens om att man kunde validera en sida utan trodde att det enda man behövde göra var att skapa en hemsida i något randomprogram och sedan publicera det! Har fått många positiva mejl pga. det och det är jag väldigt glad över.

Tackar för ditt förslag, vilka färger är det som skär tycker du?

Permalänk
Medlem

Tack för ditt svar pscs3! Det var syftet med designen. Att den skulle ge ett annorlunda intryck, på ett bra sätt. Skönt att jag lyckats med det

Vilken upplösning kör du i? Jag har försökt att göra texten mindre men då känns det inte så bra, kanske skall pröva att minska på "kommentarer(n) och skrivet(datum).. skall testa mig fram och kolla vad som blir bäst!

"Sök flaggor"-boxen är inte tänkt skall vara i mitten, men har inte heller prövat att ha den i mitten så jag skall testa och se hur det blir

"Inskrivet av morre"-länken, det var ett bra tips och det tackar jag för!

Angående RSS-loggan, jag har sett många olika rssloggor och tyckte att den kvadratiska såg för tråkig ut(passade helt enkelt inte in på min sida).

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Att validera sidan innebär att man tagit sig tid att få koden korrekt enligt en viss standard och att man vill koda korrekt.

Sant, men man ska inte skylta med det. (Mer om det där med valideringsknark här)

Citat:

Ursprungligen inskrivet av morre.nu
Valideringslänkarna längst ner på min hemsida har gjort att många av mina läsare har intresserat sig av att koda korrekt,

Skulle vilja se ordentlig statistik på det där. Jag tror att vettiga blogginlägg har en mycket större impact, missionärerna förr satte ju inte bara ner ett kors i marken, de försökte ju faktiskt övertala hedningarna att bli kristna.

Citat:

Ursprungligen inskrivet av morre.nu
Tackar för ditt förslag, vilka färger är det som skär tycker du?

Tycker det är mycket skrikiga färger, främst är det kanske den rosa som är lite för häftig.

Permalänk
Medlem

Ordentlig statistik.. hur menar du? Om du tror att jag har länkarna där för att skylta med det så får du gärna tro det hehe

Efter att ha frågat runt väldigt många, så har jag kommit fram till att majoriteten av de tillfrågade är väldigt nöjda med färgerna. Så varierar det också från skärm till skärm.

Tackar så mycket för era förslag, kommer bl.a. att länka "inskrivet av morre" till en "om-mig" sida. Och att sätta in avskiljare i menyn, i form av någon cirkel.. Det blir snyggt så

Tacksam för fler förslag och tips..

/Morre

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Ordentlig statistik.. hur menar du? Om du tror att jag har länkarna där för att skylta med det så får du gärna tro det hehe

Faktiska siffror på hur många som börjat skriva korrekt HTML just efter att ha sett att din (eller någon annan) sida validerar. Och du har ju länkarna där för att skylta med det, vad skulle de annars fylla för syfte?

Permalänk
Medlem

Jag har haft uppe min blogg i ungefär 1 vecka nu och jag har totalt fått 4 st mejl som är relaterade till valideringslänkarna och jag förväntar mig ännu fler mejl :). Min blogg kommer ju till en 1/4 att handla om Webdesign, så jag vill samtidigt "uppmana" folk att koda korrekt. Men du har rätt angående detta: " [...]de försökte ju faktiskt övertala hedningarna att bli kristna"... Om jag förstått det rätt så syftar du på att jag istället borde skriva inlägg om det. Har inom kort lov så då blir det att skriva en massa inlägg om det

I vänskapskretsen(flera webdesign intresserade) så är det många av "nybörjarna" som reagerat på valideringslänkarna och de har blivit intresserade av att skriva korrekt HTML.

Jag har nu i dagarna hjälpt en kompis att koda korrekt HTML. Och vore det inte för valideringslänkarna på min blogg så hade detta aldrig skett

Jag har hållt på med Webdesign tillräckligt länge för att jag skall skylta med att jag kan koda korrekt HTML bara för sakens skull Men intressant att höra din ståndpunkt angående den saken!

Tacksam för fler förslag

Permalänk

Förlåt, men att validera sin kod är bara ett hjälpmedel för att koda korrekt. Man kan fortfarande koda helt åt skogen dåligt men ändå lyckas validera sin kod. Du borde t.ex. kika lite mer på semantik.

Visa signatur

/Mvh Stefan

Permalänk
Medlem

Har kollat din sida lite kort...

De jag kommer och tänka på är att den grå biten av bakgrunden gör att den övre delen känns rörig. Om du ersatt de grå med samma blå färg du använder på övre 1/3 så tror jag den skulle kännas behagligare att titta på. Den blå och lila färgen passar bra ihop.

Utöver de kanske du kan runda till högersidan där newsfeeden finns... ser lite kantigt ut... Men går nog fixa med lite annan inraming.

Visa signatur

Har en tyst dator.

Permalänk
Medlem

Guru Meditation: Absolut, det stämmer. Men själva begreppet "Att koda korrekt HTML" enligt mig är mer än att bara ha validerad kod. Men semantik är mycket viktigt det har ni rätt i.

Vasadu: Jag har testat det förslaget du gett mig men sidan känns då för mörk(enligt mig, återigen en smaksak..)
Och det med inramningen så kommer det att se konstigt ut eftersom den "sitter fast" i menyn. I adminsystemet har jag dock gjort så att jag rundat högermenyn Men då för att jag inte har en lila huvudmeny.

Bilder + Om adminsystemet: http://morre.nu/?nr=76

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
I vänskapskretsen(flera webdesign intresserade) så är det många av "nybörjarna" som reagerat på valideringslänkarna och de har blivit intresserade av att skriva korrekt HTML.

Jag har nu i dagarna hjälpt en kompis att koda korrekt HTML. Och vore det inte för valideringslänkarna på min blogg så hade detta aldrig skett

Som sagt tror jag inte att effekten är så stor som den ser ut. Ett inlägg som förklarar varför du ska använda ul på ett semantiskt sätt för att göra en meny är mycket bättre än en länk som säger att ett skript har kollat så att dokumentet följer en SGML-standard. Som Guru dessutom säger så kan man ju koda dålig HTML även om den validerar.

Permalänk
Medlem

Det är vad man gör det till helt enkelt. Har ju som sagt bara haft uppe bloggen i ungefär en vecka, men inlägg av den typen kommer inom kort, absolut.

Tacksam för fler förslag

Permalänk
Medlem

Innehållsmässigt: Några tips om vad man kan skriva om?

Funderar på att skriva lite om SEO(det jag kan, samt länka till flertalet sidor som beskriver SEO bra).
Lite om Photoshop och andra bildbehandlingsprogram.
Lite om verktyg som man kan använda för att skapa olika typer av webbsidor.

Något mer? Skall ju vara ganska så brett..

Permalänk
Medlem

Skulle gilla om den var centrerad på skärmen och sen att den inte var så lång dvs. att du gör flera sidor så man inte behöver scrolla så mycket för att komma längst ner.

Visa signatur

Burk: AMD FX-8320 | Radeon R9 270X | 8GB RAM | ASUS M5A97 R2.0 | CM 550W | FDD R4 | Samsung Evo 840 250GB

Permalänk
Medlem

Den var centrerad från början men det såg inte bra ut så jag flyttade den till vänster istället, datumet ser även mycket bättre ut såhär.

Jag ogillar pagingsystem när det kommer till bloggar. Men jag har skrivit ganska mycket denna månaden, nästa månad blir det inte lika mycket. Kommer även att ha fler "Läs mer" länkar då (jag kryssar i om jag vill ha det/inte ha det i adminsystemet) så då blir det inte så långt!

Permalänk
Medlem

Du har kommit en bit på vägen ser det ut som.

Lite att jobba på:

1. Whitespace - Försök skapa lite mer utrymme (padding) kring ditt innehåll, så blir sidan lättare att överblicka.

2. Positionering - Relaterat till 1. Försök positionera sidans element lite mer "pixel perfect", och se till att saker hamnar i linje med varandra.

3. Teckensnitt - Försök hålla dig till max två teckensnitt. Är det där? Hädelse! Comic Sans. Bort! Försök skapa en tydlig informations-hierarki. Bra med H2 som rubriker. Inte bra med H4 som signatur.

4. Favicon - Din favicon verkar inte ha något med din blogg att göra? Varken stil- eller färgmässigt.

5. Färger - Samma som 3. Försök hålla dig till två eller färre färgtoner.

Lycka till!

Permalänk
Medlem

Kommit en bit på vägen, hur menar du då ?

Skönt att någon gett sig på källkoden och ger mig tips angående det!

1 och 2: Vad tycker du behöver mer padding? Och vilka saker tycker du skall hamna i linje med varandra? Har haft otroligt mycket i skolan nu så har inte hunnit fila på bl.a. sökrutan och andra smådetaljer(på tal om "pixel perfect") Men vore bra om du kunde tala om det du lade märke till så jag kan kika på det.

Ang faviconen: Tack för att du lade märke till det, hade visst inte lagt in den nya faviconen.

Ang. teckensnitten och färgerna: Detta är ju en smaksak som varierar från person till person. Comic Sans tycker jag är snyggt om det används på rätt sätt(använder det för att skriva en/två siffror bara).

Samma sak med olika färgtoner / flera färger. Blått, rosa och grönt är det inte många som har, men det gäller att använda det på ett rätt sätt och kombinera dem rätt, tycker jag. Även det med max använda sig utav 2 teckensnitt, det skulle då se ensidigt ut, med tanke på hur resten av sidan är uppbyggd.

/Morre

Permalänk
Medlem

Håller med Drenmi.

Ditt innehåll måste ha lite mer blankt "space" på vänstersidan.

Permalänk
Medlem

Håller också med Drenmi om pixel perfect, teckensnitten, h2 och färgerna
Stämmer ganska bra överens med det jag lärt mig på mina webbdesign kurser på universitetet.
Skulle gärna se det gröna tas in lite längre till vänster. Lite väl mycket plats mellan inläggen och den delen.

Skulle också gärna se sidan centrerad, med en widescreen känns det som att mycket plats tas upp.. av ingenting

Återkommer när jag har mer tid med fler tips och tankar.

Visa signatur

| CPU: Intel Core i5 3570K | Mobo: MSI Z77A-GD65 ATX | Ram: Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE | GFX: Gigabyte HD7970 OC 3GB | SSD: Corsair Force 3 120GB | HDD: Diverse Mekaniska 4TB | Chassi: Corsair 800D | PSU: Corsair AX 850W 80+ Gold Modulär | CPU Cooler: Corsair H50 |
Citera mig så hittar jag tillbaka hit :)

Permalänk
Medlem

Tack för era förslag, men önskar att ni var lite mer konkreta.
Pixel perfect: vad är det som ni tycker jag behöver slipa på? (sökrutan och vissa länkar skall fixas till inom kort)

Att ändra designen i stora drag är tyvärr inget jag kommer att göra, av mer än 200 tillfrågade så är det väldigt få personer som varit missnöjda med teckensnitt och färger.
Så jag får nöja mig med designen eftersom man aldrig kan göra en design med färger som alla tycker om

Angående att sidan skall ha mer "blankt" space på vänstersidan, menar ni att hela sidan skall flyttas mer åt höger? Jag har testat att ha det så men då ser datumdivarna till vänster av sidan mycket konstiga ut.

Angående att jag använt mig av <h4> morre </h4> (signaturen är även fetstilt) är att jag lärt mig det på en SEO-kurs. Det sökordet jag vill skall vara intressantast är "morre". Vissa sökmotorer läser av de olika rubrikerna. Och om sökmotorn ser att huvudrubriken(h1) och någon av underrubrikerna samt titeln och metataggarna innehåller "morre", så hjälper det sökmotorn att "förstå" att sidan handlar om "morre". Söker man "morre" på google så hamnar jag i dagsläget på 4:de plats. Vilket jag är ganska nöjd med, det visar också att jag lyckats med sökmotoroptimeringen. Jag säger dock inte att sökmotoroptimeringen är helt optimal, men jag jobbar på det som jag gör med resten av sidan.

Sökmotoroptimering är dock ganska brett, och uppfattas ofta olika.

Skulle även vara kul att veta vad ni tycker jag gjort bra/lyckats med på sidan

/Morre

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Angående att jag använt mig av <h4> morre </h4> (signaturen är även fetstilt) är att jag lärt mig det på en SEO-kurs. Det sökordet jag vill skall vara intressantast är "morre". Vissa sökmotorer läser av de olika rubrikerna. Och om sökmotorn ser att huvudrubriken(h1) och någon av underrubrikerna samt titeln och metataggarna innehåller "morre", så hjälper det sökmotorn att "förstå" att sidan handlar om "morre". Söker man "morre" på google så hamnar jag i dagsläget på 4:de plats. Vilket jag är ganska nöjd med, det visar också att jag lyckats med sökmotoroptimeringen. Jag säger dock inte att sökmotoroptimeringen är helt optimal, men jag jobbar på det som jag gör med resten av sidan.

Sen är det sjukt osemantiskt.

Permalänk
Medlem

Jag skrev tidigare: "Sökmotoroptimering är dock ganska brett, och uppfattas ofta olika."

Ge mig konkret och konstruktiv kritik(bett om det minst 2 ggr nu), annars är det väll ingen mening för mig att skapa ett inlägg här?

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Jag skrev tidigare: "Sökmotoroptimering är dock ganska brett, och uppfattas ofta olika."

Ge mig konkret och konstruktiv kritik(bett om det minst 2 ggr nu), annars är det väll ingen mening för mig att skapa ett inlägg här?

Konstruktivt och konkret:
Att använda h4 för något annat än rubriker (i ditt fall signaturer) är osemantiskt och gör att din sida inte bara tolkas fel av en uppsjö av screenreaders och andra verktyg utan även av Google (när den t.ex. försöker att skapa en outline av sidan). En bättre lösning är något i stil med <p class="signature">, som är mycket mer semantiskt och i princip ger dig samma möjligheter. (Att din lösning är ett fult SEO-hack gör det inte okej.)

Permalänk
Medlem

Kan tyvärr inte hålla med dig på allt som rör den punkten, förutom att det är mer semantiskt att göra en <p> av det hela. Men att det ger samma möjlighet stämmer inte, eftersom någon av underrubrikerna h2-h6 måste innehålla sökordet i fetstil(med rätt ordföljd) (för att klassas som viktigt). För mig är SEO viktigare än att jag skall skriva om en kod bara för att det skall bli semantiskt.

Det enda som kan få mig att ändra det är att hitta ett bättre alternativ, men det har jag inte gjort ännu.

Din blogg varken validerar (w3 / validator.nu) eller är Sökmotoroptimerad. Och mer ontopic, så ställer inte min <h4> till med några problem för googles försök att skapa en outline eller andra externa läsare.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Kan tyvärr inte hålla med dig på allt som rör den punkten, förutom att det är mer semantiskt att göra en <p> av det hela. Men att det ger samma möjlighet stämmer inte, eftersom någon av underrubrikerna h2-h6 måste innehålla sökordet i fetstil(med rätt ordföljd) (för att klassas som viktigt). För mig är SEO viktigare än att jag skall skriva om en kod bara för att det skall bli semantiskt.

Fetstil finns inte i HTML.

Citat:

Ursprungligen inskrivet av morre.nu
Din blogg varken validerar (w3 / validator.nu) eller är Sökmotoroptimerad. Och mer ontopic, så ställer inte min <h4> till med några problem för googles försök att skapa en outline eller andra externa läsare.

Påstår inte heller att min blogg gör det. Sluta försöka göra om min blogg till ett ad hominem-argument. F.ö. så ger det visst problem med outlines när du missbrukar h4 på det sättet, det är bara ganska subtilt.

Permalänk
Medlem

Försöker inte göra det till ett sk. ad-hominem argument(om du syftar på "personangrepp", men saker du inte vet så mycket om(i detta fallet Sökmotoroptimering) skall du inte heller uttala dig om.

Jag anser inte att du tillfört tråden någonting bra då du bara klagat och varit ute efter att diskutera saker i stora drag som inte ens har något med min blogg att göra. Och något som stärker det är att du inte skrivit något konstruktivt(bara då jag bett dig) då jag bett dig göra det totalt 2 gånger i denna tråd.

Skrev även: "Det enda som kan få mig att ändra det är att hitta ett bättre alternativ, men det har jag inte gjort ännu." Och hade du velat "hjälpa" eller försökt att skriva konstruktivt hade du gärna kommit med ett alternativ (dock inte någonting som inte ger samma möjligheter, som <p>)

Jag säger inte att det jag gör (använda mig av <h4>) är det bästa, men jag är t.o.m. mer än villig att få tips om vad jag istället kan göra, så det ger samma möjligheter. Det är även därför jag skapat en tråd här i forumet.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av morre.nu
Försöker inte göra det till ett sk. ad-hominem argument(om du syftar på "personangrepp", men saker du inte vet så mycket om(i detta fallet Sökmotoroptimering) skall du inte heller uttala dig om.

Jag hoppas att du inser hur motsägelsefull den där meningen är.

Citat:

Ursprungligen inskrivet av morre.nu
Jag anser inte att du tillfört tråden någonting bra då du bara klagat och varit ute efter att diskutera saker i stora drag som inte ens har något med min blogg att göra. Och något som stärker det är att du inte skrivit något konstruktivt(bara då jag bett dig) då jag bett dig göra det totalt 2 gånger i denna tråd.

Jag gav dig någorlunda konstruktiv kritik redan i mitt första inlägg, speciellt om du anstränger dig och läser lite mellan raderna. Läser du mina andra inlägg så innehåller åtminstone hälften av dem konstruktiva förslag till hur du kan förbättra din blogg.

Citat:

Ursprungligen inskrivet av morre.nu
Skrev även: "Det enda som kan få mig att ändra det är att hitta ett bättre alternativ, men det har jag inte gjort ännu." Och hade du velat "hjälpa" eller försökt att skriva konstruktivt hade du gärna kommit med ett alternativ (dock inte någonting som inte ger samma möjligheter, som <p>)

Jag säger inte att det jag gör (använda mig av <h4>) är det bästa, men jag är t.o.m. mer än villig att få tips om vad jag istället kan göra, så det ger samma möjligheter. Det är även därför jag skapat en tråd här i forumet.

På vilket sätt ger inte <p> samma möjligheter? Du skulle även kunna kombinera denna med t.ex. <b> och få exakt vad du vill ha. Det är mer semantiskt och till och med något som HTML5-specen (beroende på tolkning) påstår är vettigt:

Citat:

The b element represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened.

Permalänk
Medlem

Morre: Antar att du nyligen börjat med ditt SEO arbete men vilka är nykelorden / fraserna du vill få i topp?

Tex. att du kommer 4a för ordet Morre är verkligen inte okej men tanke på att hela webplatsen heter så. Sen förstår jag att det finns andra sajter som heter så men du måste kämpa på!