sandqvist.place - Min historia

WordPress, hemmalivet, sagor, bygg och fixa, it, web, hosting och Internet

Kategori: Wordpress (sida 1 av 4)

AMP-Accelerated Mobile Pages i WordPress

Okej då, jag fattar. Det är väldigt många som faktiskt surfar med sina mobila enheter, och flera blir det. För att kunna leverera en så bra upplevelse som möjligt har man hittat på någonting som kallas för AMP eller Accelerated Mobile Pages eller på svenska då Accelererade Mobilsidor.

Första gången jag dök på AMP

Första gången jag upptäckte detta var när jag i ett vanligt sökresultat såg att vissa träffar hade en liten blixt framför sig. Så här kan det se ut. Notera den där lilla blixten i sökresultatet. Det visar att det är en AMP-sida och den visas förstås då bäst i mobilen.

sökresultat-amp

Sökte efter “Hur bygger man ett hus”

Vad är AMP?

AMP betyder ju accelererade mobilsidor, men vad innebär det då kan man fråga sig? Dessutom, när man jobbar i WordPress vill man ju också veta rent praktiskt om man kan fixa till detta på sin webbplats?

Accelererade mobilsidor, det är också någonting du bland annat hittar i Googles Search Console, där du får reda på om du har några sådana sidor på din site samt om det är något fel på dom. Om google meddelar att du inte har några AMP-sidor, ja, då kan du fixa det. Jag skriver kan, eftersom det här inte är något krav och vad jag förstått tvistar en hel del utvecklare huruvida det är bra eller inte. Jag tyckte det va småcoolt i alla fall, mera om det snart!

Projekt AMP är ett initiativ, ett öppenkällkods-projekt som siktar på att göra webben bättre för alla. Projektet är tänkt att göra skapandet av webbplatser och annonser (förstås) blixtsnabba, fina och fungera på flera olika plattformar och enheter. Är förstås sponsrat av Google.

Jag tycker inte det är någon mening att jag skriver av en site :-), utan länkar hellre till det här projektet så kan du i lugn och ro läsa mera när du känner för det.

Hur fixar man AMP i WordPress?

Som så mycket annat, genom en plugin! Jag har testat att aktivera en plugin som heter amp for wp, och det kan förstås finnas flera andra som funkar minst lika bra.

Den tycker jag var riktigt nice.Installationen va enkel och man kunde följa en nybörjarguide med de flesta inställningarna. Gällande designen så valde jag en enkel gratis sådan och plugintillverkaren har förstås sina ess i rockärmen där dom vill hjälpa dig med flera av de avancerade alternativen. Är du inte så kinkig och bara vill prova på så fungerar defaultinställningarna hyfsat tycker jag!

Nu har förstås inga data dykt upp i search console ännu, men om jag användare AMP-pluginen i Google Chrome så kan jag se dels att siten är aktiv och sedan att amp faktiskt fungerar som det ska.

Sitter du på mobilen idag och vill ta vara på en snabbare upplevelse av min site, surfa till https://sandqvist.place/amp

Jag testade just pingdom och sidan visades på 280 ms och var på 225 kb!!

Hur man blockar uptime-eu/us/as.net i analytics

Så händer det igen, mera referensspam har dykt upp i min Analytics. Kortfattat så sabbar ju det här din värdefulla statistik som du jobbat för att analysera. Skapa ett filter och blocka den här trafiken på en gång!

Logga in i din analytics och skapa ett filter enligt min bild!

uptime-eu.net|uptime-us.net|uptime-as.net

uptime-eu.net|uptime-us.net|uptime-as.net

Remove Query Strings From Static Resources

Då fortsätter min serie med pagespeed och WordPress, dvs att få WordPress att gå snabbare och även att få bra resultat i de olika mätverktygen som finns på nätet.

I mitt förra inlägg skrev jag om hur man får WordPress snabbare och lämnade detaljen om query strings därhän. Nu tänkte jag ta tag i den grejen också.

Efter lite sökande på nätet hittade jag en funktion i form av en enkel plugin (nähä, går det att lösa med i plugin i WordPress 🙂 Om jag förstått saken rätt så ska det gå att fixa.

Först en koll på vad pingdom knorrar över idag

Pingdom tycker jag ska “Remove query strings from static resources” enligt nedan.

Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:

  • https://sandqvist.place/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.14
  • https://sandqvist.place/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.0
  • https://sandqvist.place/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2
  • https://sandqvist.place/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2
  • https://sandqvist.place/wp-content/plugins/goog … or-wordpress/assets/js/frontend.min.js?ver=6.2.6
  • https://sandqvist.place/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.5.1
  • https://sandqvist.place/wp-content/plugins/instagram-feed/js/sb-instagram.min.js?ver=1.5.1
  • https://sandqvist.place/wp-content/themes/hemingway/js/global.js?ver=4.9.2
  • https://sandqvist.place/wp-content/themes/hemingway/style.css?ver=4.9.2
  • https://sandqvist.place/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1
  • https://sandqvist.place/wp-includes/js/jquery/jquery.js?ver=1.12.4
  • https://sandqvist.place/wp-includes/js/wp-embed.min.js?ver=4.9.2
  • https://sandqvist.place/wp-includes/js/wp-emoji-release.min.js?ver=4.9.2

Plugin löser biffen

Om jag förstått saken rätt ska det finnas ett plugin som heter Remove Query Strings From Static Resources som du kan installera i din WordPress för det här ändamålet, och du ska faktiskt inte behöva göra så mycket mera, än efter installationen tömma cache, vi testar!

pingdom allt grönt

Sådärja, nu börjar det ju likna nåt! Serve static content from a cookieless domain verkar ju fortfarande behöva ses över, men jag är nöjd, hoppas du är det också med din sida!

 

 

Snabba upp WordPress

Det finns en väldig massa sätt att få WordPress att gå snabbare och tipsen varierar verkligen på nätet. Allt ifrån byta webbhotell till att använda olika typer av cachelösningar.

Hur jag löste snabbheten på min WordPress webb

Eftersom jag inte har en affärskritisk webb eller att det är megaviktig att den går snabbt har jag nöjt mig med några relativt enkla förbättringar.

1. installerade ett vanligt cacheplugin som heter WP Super Cache och det är ett vanligt plugin som många använder idag för att snabbare leverera sidorna till besökares webbläsare

2. aktiverar browser caching. dvs saker på din webb som ändras väldigt sällan borde ju dina besökare få cachat tex i sin webbläsare, då kommer din site att upplevas mycket snabbare. På den här siten berättar dom snällt hur du fixar det!

Jag knackade in den här koden i min web.config.

<system.webServer>
<staticContent>
<clientCache cacheControlMode=”UseMaxAge” cacheControlMaxAge=”30.00:00:00″ />
</staticContent>
</system.webServer>

Dump innan fix på min site

sandqvist-before-cache

Efter installationen av cache ser det ut så här:

sandqvist-after-cache

Här kan vi se då att Leverage browser caching är grönt numera och sidan laddades en aningen snabbare. Det finns förstås lite mera att göra som du ser, tex minimera bilder och fixa den röda E grade här ovan, server static content from a cookieless domain.

Vad du mera kan göra för att göra din webbplats snabbare är tex att aktivera varnish (som superwebbhotellet Vildmarksdata kan erbjuda)

Slänger in en liten film här om Varnish cache från youtube som kan berätta lite mera!

Har byggt en liten webbplats nfbr.se

Har byggt en ny liten webbplats för gänget bakom Nalovardo Fatbike Race. Det är en enkel WordPresswebb jag jobbat med under någon månad nu med lite bilder från banprepareringen bland annat. Har också fixat några formulär för kontakt och anmälan. Jag tycker du kan passa på att ge sidan ett besök, men sedan även fysiskt besöka arrangemanget.

Fatbike Nalovardo toppen

Siten hittar du här

Det här med bilder och WordPress

Jag blir så fundersam ibland då jag jobbar med bilder i WordPress och här är ett litet inlägg om detta. Det handlar om Titeln, bildtexten, alttexten, beskrivning och Titelattribut. Det här kan ju ibland låta konstigt, och om någonting är konstigt är det ju värt att ta upp och försöka räta ut några frågetecken.

Första bilduppladdningen direkt i ett inlägg

Stirrar till vänster, skägg, frost

Niklas stirrar till vänster

Här är ett inlägg som ska visa en bild som jag ska ladda upp. Jag har angivit följande:

Så här är inställningarna för ovanstående bild, titel är “Stirrar till vänster”.

Bildinställningar i WordPress

Så vad är det då av bilden som syns ute på nätet i själva koden

Jo, om vi tittar i koden ser vi bildens url och filnamnet förstås, vi ser också alttexten, men inte beskrivningen och heller inte titeln.

Varför är det så här?

Jo, sedan WordPress version 3.5 har man beslutat sig för att titeln på bilderna inte ska vara med i koden för att det finns vissa läsare som inte klarar av det här med bildtitlar på ett bra sätt. Om du envisas med att ändå vilja ha en titel för dina bilder då kan du i tex ett inlägg klicka på bilden, välja egenskaper och sedan redigera någonting som kallas för titelattribut. Det du skriver in där kommer att namnges som titel i din htmlkod!

Om du vill läsa mera i det här ämnet och varför det är gjort så här som standard hittar du här!

Men varför finns titeln kvar?

Ja, det kan man fråga sig. Antar att det är bra för att kunna söka och hitta bland dina bilder i ditt mediaarkiv i admin.

Om din WordPress blir hackad

Många funderar ju vad som händer om en webbplats blir hackad. Gammalt i tiden gjorde ju hackare detta dels för att visa att dom kan men sen även för att visa någon typ av budskap på hemsidan. Med tiden har detta förändrats. Nu ligger det en hel del ekonomiska motiv bakom det hela, jag ska ge ett litet exempel här:

Häromdagen fick jag ett mail från “Netflix” med ärendet konto upphängd – kod 99006

Så här såg det ut:

Netflix scam mail

Om man försiktigt pekar på länken (Klicka INTE) logga in till Netflix, går det snabbt att konstatera att länken minsann inte går till Netflix utan till en helt annan webbplats som jag inte nämner vid namn. Då jag inte heller klickat på länken så vet jag förstås inte riktigt hur sidan ser ut, men kan förstås ana att de vill ha mina inloggningsuppgifter till netflix, där man kan ha lagrat sina kortuppgifter förstås.

Var kommer mailet ifrån då?

Nå, hur kom det sig att det här dök upp i min inkorg, och varför har regeringen skickat det? Det förefaller som att faktura@government.se faktiskt skickat det här mailet. En snabb till på whois visar ju att government.se faktiskt ägs av Regeringskansliet, så det är ju en seriös domän eller hur?

Naturligtvis dyker det ju upp en del frågor och funderingar, varför skulle regeringens fakturaavdelning vilja be dig uppdatera betalningsinformationen på Netflix? Haha, lite får man ju skratta i alla fall. Men som sagt, det är en seriös domän och den finns och fungerar….. fast, den har ingeting med det här att göra, alls.

Vem som helst kan sätta avsändare till vad som helst!

Tänk, och märk väl mina ord. Vem som helst kan sätta en avsändare till vad som helst, det är skitenkelt och alla som har outlook kan faktiskt göra det!

Vi tar en djupdykning i meddelandets ursprung och kollar lite

Jag raderar en del rappakalja, men tar med det jag tycker är lite intressant.

Först ser vi att det kommer in till outook.com där jag har min mail

Received: from DB6PR0601MB2375.eurprd06.prod.outlook.com (10.169.213.18) by
Authentication-Results: spf=none (sender IP is 80.88.126.9)
smtp.mailfrom=government.se; vildmarksdata.se; dkim=none (message not signed)
header.d=none;vildmarksdata.se; dmarc=none action=none
header.from=government.se;
Received-SPF: None (protection.outlook.com: government.se does not designate
permitted sender hosts)

Bakåtspårar…

Här ser vi att det gått genom vårt mailfilter

Received: from mail.vildmarksdata.net (80.88.126.9) by
AM5EUR03FT057.mail.protection.outlook.com (10.152.17.44) with Microsoft SMTP
Server (version=TLS1_2, cipher=TLS_ECDHE_RSA_WITH_AES_256_CBC_SHA384_P384) id
15.20.239.4 via Frontend Transport; Sun, 3 Dec 2017 23:27:23 +0000
Received: from smtpfilter.vildmarksdata.net ([80.88.126.19])
by mail.vildmarksdata.net (IceWarp 12.0.2.0 x64) with SMTP id 201712040027248596
for <niklas@vildmarksdata.se>; Mon, 04 Dec 2017 00:27:24 +0100
X-Halon-ID: 804a2ebf-d881-11e7-ade2-00155dfc07cb

Här ser vi nåt intressant, mailets ursprung är ifrån en mailserver som heter s2.mydevil.net

Received: from s2.mydevil.net (unknown [212.91.26.159])
by smtpfilter.vildmarksdata.net (Halon) with ESMTPS
id 804a2ebf-d881-11e7-ade2-00155dfc07cb;
Mon, 04 Dec 2017 00:27:17 +0100 (CET)

Här ser vi att det skickas från s2-servern och taggar från-adressen till faktura@government.se

Received: from localhost
([127.0.0.1] helo=s2.mydevil.net ident=aukcje)
by s2.mydevil.net with esmtp (Exim 4.89 (FreeBSD))
(envelope-from <faktura@government.se>)
id 1eLdfJ-000Elv-CK
for niklas@vildmarksdata.se; Mon, 04 Dec 2017 00:27:17 +0100
To: <niklas@vildmarksdata.se>
Subject: =?UTF-8?B?S29udG8gdXBwaMOkbmdkIC0ga29kOTkwMDY=?=

Här har vi då äntligen hittat källan till eländet! Vi har en webbplats i WordPress som är hackad. Den heter zaklejki.pl (toppdomän i polen) och kör uppenbarligen WordPress, då man ser wp-content i sökvägen, dessutom ser vi ip-nummret på siten!

X-PHP-Script: zaklejki.pl/wp-content/plugins/apikey/w1w.php for 91.142.209.122, 91.142.209.122
X-PHP-Originating-Script: 12939:w1w.php
From: =?UTF-8?B?TmV0ZmxpeCs=?= <faktura@government.se>

Vad kan vi lära oss av detta då?

Säkra upp din WordPress webbplats och se till att alla dina plugins också är uppdaterade. Det kan faktiskt vara så att den här skadliga koden finns på din sida utan att du eller dina kunder vet om det!

Varför en kommun ska ha ett företagsregister på hemsidan

Jag har just gått en kurs.
På kurser får man lära sig saker.
Saker som man har lärt sig är bra att ha.
Saker som jag har lärt mig kan jag lära andra.

Det talas mycket om SEO och sökmotoroptimering nu för tiden, eller ja, det börjar faktiskt till och med bli uttjatat tycker jag ibland. Hur som helst så är det otroligt viktigt för företag idag att synas, och då framförallt på Google där jakten att dyka upp på första sidan vid en sökning pågår dygnet runt.

I slutet av 1990-talet ( jo jag är så gammal) diskuterades det ganska mycket om att kommunen faktiskt skulle ha ett företagsregister på sin hemsida, ett tag tror jag till och med att det fanns ett sådant i alla fall i Sorsele. Hur som helst. När jag tänkte på det här bara häromdagen förkastade jag det hela och fnissade för mig själv och tänkte, det är ju så 2000 att ha ännu ett register, tills jag tänkte lite till. Vänta nu, det är ju bra!

reg

Hur kommer det sig då att jag håller på om företagsregister på kommunala webbar då?

Jo, det här fick jag lära mig.

Det finns ju olika sätt att ranka i sökmotorerna, Vad är det som gör att en webbplats rankar högre? Så här ser det ut rent statistiskt:

% avser hur viktigt det är

29% vikten av inkommande länkar och vikten och kvaliteten av domänen som länkar till din sida, samt texten på länken in
24% Signaler på sidan, rubriker och struktur, nyckelord och fungerade domän
11% beteende för dina besökare, hur snabbt dom klickar igenom och (inter)agerar på siten
9% Personligt, att du riktare dig mot en människa och siten kan anpassa sig efter vad besökaren faktiskt gillar eller är ute efter
8% Om dig och hitta till dig och kontakta dig
7% Affärssignaler, kategorier och nyckelord i affärstiteln
7% Kundberättelser eller kundomdömen om dig
4% Signaler från Sociala Medier, hur mycket inlänkar och aktiviteter som kommer därifrån

Här är anledningen till företagsregister på kommunwebbar

Alla våra kommuner säger att dom är måna (förstås) om det lokala näringslivet och anser att det är viktigt för just den kommunens hälsa. Det är väl en bra amitionsnivå tycker jag. OM kommunerna, förutom att länka till nåt annat stort register, faktiskt har ett eget register också är det väl bara bra, speciellt om dom länkar vettigt till företagen i kommunen.

Eftersom kommunsiter är ganska högt rankade är dessa länkar helt enkelt värdefulla för företagen ute i kommunerna, med andra ord, länkar en kommun till ett litet företag hjälper kommunen företag att klättra pyttepyttelitegranna kanske i rankingen eftersom den här länken ligger inom den största viktprocenten i ovan angiven tabell.

Håller du med mig?

Hur ser det ut i din kommun, får du som företag den här gratishjälpen/länken tro?

Tillhör du någon som jobbar på en kommun? Det finns ett bra företag som kan hjälpa till med ett sånt här projekt! Förvisso kan det ju vara en del jobb, men teoretiskt borde ett bra sånt här lokalt register faktiskt generera mera webbesök till kommunens företag.

Måste bygga en shop

Inser nu att jag måste bygga en shop, men vet inte riktigt vad jag ska sälja, men jag måste bygga en shop bara för att testa den fullt ut med produkter och analysera köpbeteenden samt avhopp från varukorg mm i Analytics.

Verkar vara en het potatis detta och det finns många som säger det är så “enkelt” att spåra, men jag misstänker att så inte är fallet… jämt.

Så, snart blir det nog en demoshop på den här sidan, förslag på vad jag ska sälja mottages!

🙂

Mysko statistik i Analytics och Search console

Jahapp, mera intressanta saker händer med siten, eller nåt händer men man vet inte vad, men jag tror mig nu ha en aning. Har verkligen fått sitta å klia mig i skallen över detta.

Organiska träffar som är av typen “other”

Både Google Analytics och Search console visar samstämmiga uppgifter. Jag har väldigt hög procent av besökare som jag inte vet hur dom sökt för att klicka på en länk till min hemsida helt enkelt, som jag tidigare nämt har jag anslutit Search Console till Google Analytics så jag tar exemplet från Analytics, så här ser det ut:

Vad är det bilden visar?

Som du kan notera är jag alltså i Google Analytics och kikar på Förvärv->Search console->Frågor. Jag har valt tidsperioden 11 september till 26 september. Folk har alltså sökt på Google efter olika saker, dvs ställt frågor och Google har svarat.. Av dessa frågor har det sedan genererats klick som lett till min hemsida. Jag har censurerat bort frågorna 2-10 (nån integritet måste jag ha också) men lämnat kvar ettan på tronen. “other”. Så, av alla som sökt och hittat samt klickat på min webbplats så är det 30 st av typen “other” och 6 st sökfrågor som jag faktiskt får se och analysera. Det innebär att 83 procent av de organiska sök/klick träffarna är för mig totalt okända.

RAMASKRI!

När jag såg detta första gången så tänkte jag att det här måste ju vara nåt fel eller någon bugg… Sen tänkte jag att det är fel på mig (vilket säkert många redan sedan länge konstaterat), sen tänkte jag, öh, vad är other förresten, måste ju kollas upp först…

Vad säger Google om rapporten sökfrågor?

Det här innebär det:

“Sökfrågor som sker sällan och sökfrågor som innehåller personuppgifter eller känslig information grupperas som (other) för att skydda användarnas integritet.”

Så vaddå, integritet och skydd och känslig information?

Jag kom ungefär hit och sen körde jag fast. Det går ju som inte förstå mera av det här. Personuppgifter och känslig info… Vad kan det vara? Förtvivlad vände jag mig till ett googleforum och försökte på knagglig engelska förklara att jag inte begriper varför 83 procent av mina klickbesökare från googlesökningar inte syns annat än som “other”

Svaret och lösningen på gåtan

Ganska snabbt fick jag kontakt med en person som ställde en massa frågor hit och dit och jag svarade så gott jag kunde. Efter några vändor skrev Ana att dom surfat in på min site och hade hittat några sökord som säkert förklarade saken.

Självklart!

Jag har ju ganska öppenhjärtligt skrivit i ett tidigare inlägg om spamhantering där jag har använt flera ord till olika slags potenshöjande piller med mera som sannolikt triggat att folk söker efter dessa och faktiskt hamnar på min site i statistiken som “other”

Det är förklaringen alltså, på säkert en hel del av dessa mysko besök och sidvisningar. Det kanske inte är alla förstås, men några av dom som triggas av dessa ord.

Några frågor som ändå poppar upp i skallen är ju:

  1. Att det var så många som sökte sånt här är galet mycket, vilket mörkertal alltså!! Min stats är ju i praktiken väldigt snedvriden.
  2. Hur bär sig firmor åt som legitimt försöker sälja sånt här, deras stats måste ju va svår att analysera
  3. Tycker det hade varit intressant ändå att få en glimt av vad dom här sökorden skulle vara… Vet ju ändå inte vem användaren i fråga är.
  4. Vore intressant att få svar på varför google gör så här egentligen

Tack för tipsen Ana Kravitz

Äldre inlägg