Vaardigheid verander de broncode van de pagina Is een nuttige vaardigheid voor een gevorderde internetgebruiker. Door de HTML-code te vervangen, kunt u de geopende webpagina naar wens wijzigen. In dit artikel vertellen we je, hoe de paginacode te wijzigen in Google Chrome. In andere browsers wordt alles echter op dezelfde manier gedaan, dus er zouden geen problemen moeten zijn.
Wat is de HTML-code van een pagina?
Elke pagina die u in een browser opent, heeft zijn eigen HTML-opmaaktaal. Deze code is tags en tekst. Tags zijn een soort tags die de browser vertellen hoe een bepaald deel van de site moet worden weergegeven. Tekst is de inhoud van de pagina, wat de gebruiker ziet. Ook kunnen CSS-stijlen aan de pagina worden gekoppeld, die het uiterlijk van de pagina-elementen bepalen. Naar verander de broncode van de site U hoeft HTML en CSS niet diepgaand te kennen, en u zult het snel zelf zien.
Waarom een webpagina wijzigen?
U kunt de gegevens op de site wijzigen, de tekst van het bericht wijzigen, een nep-screenshot maken. Houd er rekening mee dat alle wijzigingen alleen voor u zichtbaar zijn en wanneer u de pagina opnieuw laadt, zullen ze verdwijnen. Ook zullen de gewijzigde gegevens niet echt zijn. Als ik bijvoorbeeld geen 10 dollar heb en ik verander naar 100, dan heb ik geen geld meer. Dit is slechts de weergave van de pagina door de browser. Voorbeeld:
Na:
Als voorbeeld zal ik dezelfde site nemen en de vorige aankondiging van het artikel "" De startpagina openen in Google Chrome wijzigen. Klik met de rechtermuisknop op het element dat ik wil wijzigen, bijvoorbeeld de titel van de aankondiging en selecteer "Bekijk Code".
Ga in het geopende venster naar het tabblad Elementen en bekijk de HTML-code van de pagina. Daarin moet u de voor ons interessante tekst vinden. (rood onderstreept)
Nu zal ik de oude tekst verwijderen en de nieuwe invoeren.
Dat is alles, de titel van de aankondiging is gewijzigd. Nu zal ik de aankondiging zelf, de tags en de kop veranderen.
U kunt een andere afbeelding invoegen door het src-attribuut in de img-tag te wijzigen.
Ctrl + U
Hoe kan ik de broncode van een item bekijken?
Klik met de rechtermuisknop op het betreffende element op de pagina.
Google Chrome: "Bekijk artikelcode"
Opera: "Inspecteer element"
FireFox: "Element analyseren"
Zoek naar een vergelijkbaar menu-item in andere browsers.
Hallo allemaal!
Vooral aan het begin van het artikel heb ik het hele punt uiteengezet, voor degenen die op zoek zijn naar een snel antwoord.
De informatie is misschien bij velen bekend, maar aangezien ik voor beginnende bloggers, webprogrammeurs en andere goudzoekers schrijf, moet dit hulpartikel aanwezig zijn.
In de toekomst zul je zeker de broncode van pagina's en individuele elementen bestuderen.
Laten we eens kijken naar een concreet voorbeeld van hoe u paginabronweergave kunt gebruiken.
We willen bijvoorbeeld zien welke zoekwoorden voor een bepaalde pagina worden gebruikt. We gaan naar de webpagina waarin we geïnteresseerd zijn en drukken op Ctrl + U. De broncode van deze pagina opent in een apart venster of in een apart tabblad. Druk op Ctrl + F om een stukje code te vinden. In dit geval typen we in het zoekvak het woord " trefwoorden ". U wordt automatisch doorgestuurd naar een codefragment met deze metatag en markeert het gewenste woord.
Naar analogie kunt u andere stukjes code zoeken en bestuderen.
Het bekijken van de volledige broncode van een pagina is in de meeste gevallen niet erg handig, dus in alle browsers is het mogelijk om de code van een afzonderlijk element of fragment te bekijken.
Laten we een specifiek voorbeeld gebruiken om de code van een element te bekijken. Laten we bijvoorbeeld eens kijken of een link een nofollow-kenmerk heeft. Klik met de rechtermuisknop op de link die voor ons van belang is en klik in het vervolgkeuzemenu met de linkermuisknop op het item "Bekijk artikelcode" of vergelijkbaar (afhankelijk van uw browser). Hieronder, in een speciaal venster voor code-analyse, krijgen we iets soortgelijks.
We kunnen zien dat rel = "nofollow" aanwezig is in de linkcode. Dit betekent dat deze link niet zal "lekken" en PR. We zullen hier meer in detail over praten in de volgende artikelen. Wat nu belangrijk is, is dat je nu weet hoe je de broncode van de pagina en de broncode van een afzonderlijk element kunt bekijken.
instructies:
Ga met uw browser naar de site waar u de HTML wilt wijzigen de code... Voer hiervoor het bronadres in de adresbalk van uw browser in of gebruik een van de internetzoekmachines.
open doen de code pagina's te bekijken. Afhankelijk van de gebruikte browser, moet u het juiste menu-item selecteren. In Opera, om het origineel te bekijken de code en gebruik "View" - "Development Tools" - "Initial de code". In Google Chrome is deze functie beschikbaar onder Extra - Bron weergeven de code". Als u Mozilla Firefox gebruikt, klikt u op Menu - Webontwikkeling - Bron de code Pagina's". Afhankelijk van uw browserinstellingen, HTML de code wordt geopend in een nieuw tabblad of venster.
Bewerk de weergegeven de code... Om in Firefox en Chrome een document te bewerken, moet u het eerst op uw harde schijf opslaan ("Bestand" - "Pagina opslaan als").
Nadat u alle wijzigingen heeft aangebracht, slaat u de pagina op met de knop "Opslaan". Het document is geladen. U kunt het zelf wijzigen met elke teksteditor.
Om een volledige kopie van de pagina met alle afbeeldingen op te slaan, gaat u naar de bron die u nodig hebt en selecteert u het menu "Bestand" - "Opslaan als". Selecteer in het venster dat verschijnt het documenttype "HTML-bestand met afbeeldingen".
Nuttig advies
Voor visuele bewerking van HTML zijn er veel editors die syntaxisaccentuering uitvoeren en automatisch ontbrekende descriptors invullen. Een van de krachtigste tools voor webontwikkelaars is Macromedia Dreamweaver. Als alternatief is er een lichtere voorpagina. Als u geen visuele foutopsporing nodig hebt en alleen de syntaxis met kleur onderstreept en markeert, kunt u de lichtere maar krachtige Notepad ++ -editor gebruiken.
bronnen:
- hoe de broncode te wijzigen?
Uit het antwoord op de vraag "Wat is de naam van het artikel?" hangt niet alleen af van het aantal mensen dat het leest, maar ook, zonder overdrijving, de reputatie van de hele site waarop het wordt gehost. Elk artikel is immers een kleine streep in het algemene beeld van de bron en de combinatie van vele individuele streken zorgt voor een uniek beeld van de hele site.
instructies:
Het is beter om de titel voor later te laten, wanneer de tekst zelf klaar is. Bij het schrijven zal dit het mogelijk maken om de gedachtevlucht niet te beperken tot het kader dat door de kop wordt bepaald. Met een kant-en-klare tekst voor je ogen, is het gemakkelijker om de titel te bepalen die het beste alle nuances van het artikel weergeeft. Herlees de voltooide tekst, formuleer mentaal de essentie van de tekst in verschillende ruime zinnen.
Afhankelijk van de doelgroep van de site, selecteren we een artikelsjabloon. Vanzelfsprekend zijn flitsende koppen niet geschikt voor artikelen over bijvoorbeeld juridische onderwerpen. Omgekeerd zal een serieuze kop voor lichtgewicht materiaal een percentage potentiële lezers afschrikken. Er zijn veel sjablonen voor artikeltitels, bijvoorbeeld:
Een intrigerende vraag ("Weet je wat ...?")
De vraag die begint met het woord "hoe?" ("Wat is de titel van het artikel?")
Toespraak tot het publiek ("Alleen voor studenten ...")
Voorstel-goedkeuring ("Vijver in het land - rust")
Garantieaanbieding ("Gegarandeerde methode ...")
Motivatie voor actie ("Krijg korting ...")
Artikeltitels zijn natuurlijk niet beperkt tot deze lijst met sjablonen.
We stellen verschillende varianten van namen samen volgens de geselecteerde sjablonen. Dan snijden we de niet-succesvolle af en laten we degenen achter die:
De essentie van het artikel het meest nauwkeurig weergeven
Voldoen aan de interesses van het publiek
bronnen:
- Dennis Kaplunov. Gratis workshop koptekst schrijven
- artikel titel
HTML-instructies (HyperText Markup Language) worden op verzoek van de browser door de webserver naar de bezoeker van de sitepagina gestuurd en bevatten volledige informatie over wat en hoe de browser de paginabezoeker moet laten zien. Tegenwoordig worden deze instructies meestal gegenereerd door server-side scripts, in plaats van dat ze kant-en-klaar in bestanden worden opgeslagen. Als de noodzaak om de HTML-code te bewerken, en niet de scripts die het vormen, nog steeds optreedt, dan kan dit worden gedaan met behulp van verschillende tools.
instructies:
Gebruik de CMS-editor om de HTML-broncode te bewerken. Om dit te doen, moet je, nadat je degene die je nodig hebt in de editor hebt geladen, deze overschakelen van de visuele modus (die soms WYSIWYG-modus wordt genoemd) naar de HTML-bewerkingsmodus. Door dit te doen, komt u direct bij de instructies ("tags") van de opmaaktaal. In de visuele modus kunt u echter ook HTML-tags wijzigen door dit "" in de pagina-editor te doen.
Gebruik een willekeurige teksteditor om wijzigingen aan te brengen in de HTML-code van de pagina's als uw besturingssysteem niet is geïnstalleerd. Bestanden waarin deze code is opgeslagen, verschillen alleen van gewone tekstbestanden in de extensie, en het opnameformaat komt exact overeen met het formaat van bestanden met de extensie txt. Daarom kan elke teksteditor die met txt-bestanden kan werken ook worden gebruikt om HTML-code te bewerken.
Installeer een gespecialiseerde HTML-editor als u van plan bent regelmatig genoeg paginalay-out te doen. Dergelijke programma's verschillen aanzienlijk van conventionele teksteditors en van de editors die in de besturing zijn geïnstalleerd. Ze hebben bijvoorbeeld de functie van "contextuele hulp", dat wil zeggen dat wanneer u een HTML-tag begint te typen, de editor u de meest geschikte opties voorstelt, wat het typen aanzienlijk versnelt, het aantal typefouten vermindert en u helpt de syntaxis te leren sneller van de taal. Bovendien zijn dergelijke programma's in staat om de ingevoerde code op te maken en te kleuren, fouten in de syntaxis te zoeken en naleving van vastgestelde normen te controleren. Veel van dit soort gespecialiseerde toepassingen hebben een visuele bewerkings- en paginavoorbeeldmodus, kunnen de gemaakte pagina's laden, lokale en externe versies van HTML-pagina's synchroniseren en nog veel meer.
bronnen:
- hoe een sitepagina te bewerken
Het is niet genoeg om een goed artikel voor de site te schrijven, je moet ook het juiste artikel bedenken rubriek... Het moet tegelijkertijd de betekenis van het artikel weerspiegelen en de gebruiker voorzien van een snelle vindbaarheid in de zoekmachine. Om erachter te komen welke titel succesvol zal zijn, kijk eens naar de zoekmachinestatistieken.
Je zal nodig hebben
- - computer
- - Internet toegang
instructies:
Maak uw kop SEO-vriendelijk door uw zoekwoorden op te nemen. Ontdek welke woorden en woordgroepen gebruikers zoeken in zoekmachines. Bekijk hiervoor de aanvraagstatistieken. In Yandex kunt u dit bijvoorbeeld doen op de pagina wordstat.yandex.ru. Je kijkt bijvoorbeeld naar de statistieken voor het woord 'geld' en je ziet dat er 3.613.993 vertoningen per maand waren. Dit betekent dat het zo vaak in de zoekresultaten van Yandex verscheen, inclusief verschillende woordgroepen. Als je je afvraagt hoe vaak mensen alleen naar het woord "geld" hebben gezocht, typ het dan tussen aanhalingstekens en met een uitroepteken aan het begin: "! Geld."
Als je weinig ervaring hebt met SEO en website-inhoud, promoot dan artikelen over laagfrequente zoekopdrachten. Hoge frequenties zijn bijvoorbeeld: "Hoe geld te verdienen." Deze zin is gedurende de maand vele malen gezocht en het zal moeilijk voor je zijn om de concurrentie aan te gaan, omdat het is onwaarschijnlijk dat u zich op de eerste pagina's van de zoekopdracht bevindt, laat staan in de TOP. Tegelijkertijd werd de zin "Hoe geld te verdienen voor een appartement" slechts 146 keer per maand getypt, dus als u over dit onderwerp schrijft, heeft u een goede kans om een waardige plaats in de zoekopdracht in te nemen.
Genereer geen headers voor zoekopdrachten met een te lage frequentie. Zelfs als je bovenaan staat voor de zin waar je twee keer per maand naar hebt gezocht, krijg je nog steeds niet veel bezoekers. Maar als je denkt dat het onderwerp veelbelovend is (het gaat bijvoorbeeld om een nieuwe gadget), dan kun je het proberen. Het is ook goed om koppen te gebruiken die een trefwoord of zin bevatten (te beginnen ermee), maar die uniek zijn.
Maak uw sitetitel interessant. Welnu, als het een oplossing voor het probleem inhoudt, zal het kort en bondig zijn. Leer maximale betekenis te geven aan minimale woorden. Laat de gebruiker weten dat er nuttige informatie op hem wacht in uw artikel.
Probeer je kop te intrigeren door bijvoorbeeld conventionele wijsheid uit te dagen, te spelen met contrasten, enz. Ook de woorden "hoe", "waarom", "waarom" trekken de aandacht.
Gerelateerde video's
Nuttig advies
Maak de koppen specifieker als je over een specifiek fenomeen of merk schrijft, vermeld het dan. Dit vergroot de kans dat de doelgroep op uw webpagina terechtkomt.
instructies:
Als u in tekst naar een site verwijst die zich op een andere bron bevindt, gebruik dan de volgende HTML-constructie: Cat Photo Tutorial. In dit geval wordt de naam van de site gemarkeerd en in sommige browsers ook onderstreept. Wanneer u de muispijl ernaartoe brengt, wordt het adres gemarkeerd in de linkerbenedenhoek van de browser en als u op de link klikt, gaat u ernaartoe - afhankelijk van de browserinstellingen, op hetzelfde of een ander tabblad.
U kunt er ook voor zorgen dat, naast de naam van de site, de URL ervan in de tekst wordt weergegeven, zelfs als de muispijl er niet naar toe wordt gebracht. Gebruik hiervoor een andere constructie:
Zelfstudie kattenfotografie: http://site.domain
Als u niet op een link wilt klikken om deze te volgen, gebruik dan helemaal geen HTML-tags, bijvoorbeeld als volgt:
Zelfstudie kattenfotografie: http://site.domain
HTML-code is een programmacode die bepaalt hoe elementen (tekst, afbeeldingen, video's, enz.) op een webpagina worden geplaatst. De HTML-taal is vrij eenvoudig te begrijpen, maar wordt voortdurend verbeterd en aangevuld met nieuwe functies.
Wat is HTML-code?
Afkorting HTML en vertaalt als "hypertext opmaaktaal". Hypertext is een speciale methode om door internetpagina's te navigeren, geïmplementeerd in de vorm van hyperlinks. Door op deze links te klikken, kunt u gemakkelijk door de structuur van de site navigeren. In dit geval gebeuren de overgangen niet lineair, d.w.z. u heeft altijd de mogelijkheid om naar elke pagina van de site te gaan waarvan de link op dit moment zichtbaar is.Markup verwijst naar enkele regels en eigenschappen die zijn voorzien van pagina-elementen. Ze worden geïmplementeerd als zogenaamde tags. Om bijvoorbeeld aan te geven dat bepaalde tekst op een pagina gecentreerd moet worden, kunt u deze markeren met de centre tag. U kunt de HTML-code van een specifieke pagina bekijken via het contextmenu. Om bijvoorbeeld toegang te krijgen tot deze code in de Firefox-browser, moet u met de rechtermuisknop op de pagina klikken en "Paginabron" selecteren.
Hoe werkt HTML-code?
HTML-code is een set korte tags die pagina-elementen bevatten. Al deze code wordt opgeslagen in een bestand met de extensie .html of .htm. Wanneer een dergelijk bestand in een browser wordt geopend, wordt de code erdoor geïnterpreteerd en wordt de pagina in een voltooide vorm in het programmavenster weergegeven. Door de HTML-opmaaktaal te kennen, kan bijna iedereen zijn eigen pagina maken.Wat zijn de labels?
Tags zijn afzonderlijke constructies binnen HTML-code. Dit is normale tekst tussen punthaken "". U kunt tags in de HTML-code van bijna elke pagina zien. Op zichzelf worden de tags op de pagina's niet weergegeven, ze geven een specifiek element weer dat is gecodeerd met behulp van tags. Als er bijvoorbeeld een afbeelding op de pagina staat, bevat de HTML-code de img-tag.Beperkingen van HTML
Ondanks het feit dat je met HTML-code een hypertext-pagina van redelijk hoge kwaliteit kunt bouwen, heeft het zijn beperkingen. Pagina's die uitsluitend dergelijke code bevatten, zijn statisch, d.w.z. ze missen dynamiek, speciale effecten en andere functies. Maar ze kunnen ook met andere talen worden binnengebracht, zoals Java Script. De overgrote meerderheid van moderne websites wordt gemaakt met behulp van extra talen die ze levendiger en interactiever maken.Wat trekt de aandacht van de lezer (gebruiker) op de pagina van een gedrukte of online publicatie?
- Afbeelding
- rubriek
- Ondertitel
- Handtekening onder de foto of foto
Helaas, maar mensen willen niet lezen, ze hebben geen tijd, omdat ze zich eindeloos haasten. Maar als u een auteur bent (journalist, blogger, freelancer, nieuwsverslaggever, schrijver), wilt u de lezer uw gedachten, conclusies, visie op het probleem, enz. overbrengen. Hoe voorkom je dat de lezer langs je notitie springt? Hoe maak je de titel verleidelijk, zodat je je in het artikel wilt verdiepen?
1. Gebruik werkwoordsvormen in kopjes.
Bijvoorbeeld: "Waar geld investeren", "Hoe een EHBO-doos samenstellen", "Poetin is een nieuw decreet."
2. Het principe van nieuwheid.
Krantenkoppen als "Lente is de tijd voor zorgen" zijn moreel achterhaald. Laat de "bureaucratische" kranten en tijdschriften ze gebruiken. De titel moet iets nieuws communiceren, iets dat onbekend is en dat in de tekst van de nota in meer detail zal worden onthuld. Een betere kop bijvoorbeeld: "Lentezorgen zullen de agrariërs geen rust gunnen."
3. Metafoor, beeldspraak, oxymoron, ongebruikelijkheid in de titel geven het artikel een kans om gelezen te worden. Gebruik bijtende vergelijkingen, scheldwoorden, semantische nadruk van bepaalde letters. Het belangrijkste is om het niet te overdrijven met expressieve middelen. Alles moet met mate zijn.
4. Praktisch is belangrijk voor de lezer (gebruiker). De koppen zijn vaag, dragen geen semantische lading, te algemeen zal het artikel onbeheerd achterlaten. Waarom moet ik de tekst lezen? Wat levert het mij in de praktijk op? Wat kan ik uit hem halen? Zal deze ervaring nuttig voor mij zijn? Vindt de lezer zelf antwoorden op deze vragen op het niveau van de titel, en niet de tekst, dan wordt het artikel gelezen.
De SendPulse-service is een marketingtool om een abonnementsbasis te creëren en willekeurige bezoekers van uw site om te zetten in gewone bezoekers. SendPulse brengt de belangrijkste functies voor het aantrekken en behouden van klanten samen op één platform:
● e-mailnieuwsbrieven,
● web-push,
● SMS-mailing,
SMTP,
● berichten in Viber,
● berichten verzenden naar Facebook Messenger.
Nieuwsbrief e-mail
Voor het versturen van e-mailnieuwsbrieven kunt u verschillende tarieven hanteren, ook gratis. Het gratis tarief kent beperkingen: de abonnementsbasis is niet meer dan 2500.Het eerste waar u mee moet beginnen, wanneer u met de e-mailservice ok werkt, is om uw eigen te maken adresboek... Stel een titel in en upload een lijst met e-mailadressen.
SendPulse maakt het gemakkelijk om te creëren inschrijvingsformulieren als een pop-upvenster, inline-formulieren, zwevend en vastgezet op een bepaald deel van het scherm. Met behulp van abonnementsformulieren verzamelt u een abonneebestand vanaf het begin of voegt u nieuwe adressen toe aan uw basis.
In de formulierontwerper kunt u precies het abonnementsformulier maken dat het meest aan uw behoeften voldoet, en de servicetips helpen u bij deze taak. Het is ook mogelijk om een van de beschikbare kant-en-klare formulieren te gebruiken.
Bij het aanmaken van abonnementsformulieren is het verplicht om e-mail te gebruiken met een zakelijk domein. Lees hoe.
Berichtsjablonen zal u helpen uw brieven aan abonnees prachtig te ontwerpen. U kunt uw eigen briefsjabloon maken in een speciale constructor.
Autorapporten... Contentmanagers maken actief gebruik van automatische mailing. Dit helpt bij het automatiseren van het klantenserviceproces. Er zijn verschillende manieren om een automatische feed te maken:
● Opeenvolgende reeks brieven... Dit is de eenvoudigste optie wanneer, ongeacht de voorwaarden, meerdere brieven worden geschreven, die in een bepaalde volgorde naar de ontvangers worden verzonden. Er kunnen uw eigen opties zijn - berichtenreeks(eenvoudige berichtenthread), speciale datum(brieven zijn getimed op specifieke data), trigger letter- de brief wordt verzonden afhankelijk van de acties van de abonnee (een bericht openen, enz.).
● Automatisering360- mailen met bepaalde filters en voorwaarden, alsmede rekening houdend met conversies.
● Klaar kettingen per sjabloon. U kunt een reeks brieven maken op basis van een bepaald sjabloon, of het sjabloon wijzigen en aanpassen aan uw behoeften.
A/B-testen zal u helpen experimenteren met verschillende opties voor het verzenden van een reeks brieven en het bepalen van de beste optie voor openingen of overgangen.
Pushmeldingen verzenden
Push-mailings zijn een abonnement in een browservenster, het is een soort vervanging voor rss-abonnementen. Web-push-technologieën zijn snel in ons leven gekomen en het is nu al moeilijk om een site te vinden die geen push-mailing gebruikt om klanten aan te trekken en te behouden. Het verzoekscript voor, u kunt brieven handmatig verzenden of auto-mails maken door een reeks brieven te maken of gegevens uit RSS te verzamelen. De tweede optie houdt in dat nadat er een nieuw artikel op uw site verschijnt, er automatisch een melding naar uw abonnees wordt gestuurd met een korte aankondiging.
Nieuw van VerzendenPuls- u kunt nu inkomsten genereren met uw site met pushmeldingen door er advertenties in in te sluiten. Bij het bereiken van $ 10 worden elke maandag betalingen gedaan aan een van de betalingssystemen - Visa / mastercard, PayPal of Webmoney.
Push-berichten op de service zijn helemaal gratis. Er wordt alleen betaald voor White Label - mailings zonder vermelding van de SendPulse-service, maar als het servicelogo u niet stoort, dan kunt u zonder beperkingen gratis pushmeldingen gebruiken.
