Unternehmen Wir widmen uns der Cybersicherheit, sicheren Netzwerken und sicheren Cloud-Lösungen. Wir sind ein führender Distributor in der gesamten EMEA-Region, der…
Wordpress-Admin Checklist: Creating and checking pages Please note the following points when creating and testing new pages. Basic settingsUser guidanceLayout & designTextImagesSEOAIFormsTrackingProblems Quickcheck List: 1. Basic settings:Short URLURL formatVendor or landingpageFolderParent pageAuthorFeatured imageMeta titleMeta descriptionExcerptTechnologiesVendor heading & subheadingVendor logo 2. User guidance:Benefit & user needGoal & call to actionText within imagesPage scanabilityAbove the foldDescribe downloadsDescribe people 3. Layout & Design:Centred menu linksMenu item orderCoral lines on headingsStyleguide colours 4. Text:Automatic spelling & grammar checkRead & carefully correctDouble spacesIncorrect line breaksPeriods in listsPhone number format & linkCapitalised button & link texts 5. Images:SubjectStyleguide dimensionsUse only required sizesTest for desktop & mobileHigh resolutionALT text, title, file nameFile format110 dpi resolution60–80% compressionLarge images < 200kb 6. Search engine optimisation (SEO):SEO yes or noUse keywordsCustom-written texts & imagesAI-generated textsMaximise view timePage delivers what’s searched forPage linkingMeta title & description CTRContent stability & updates 7. AI optimisation:Structured, explanatory textsFactual & informativeFAQs & question + answer textsExplain topics completelyDescribe linksUse H1–H5 structureTextual redundancyPresent information as textText formats for AIAI-generated texts 8. Forms:Evalanche or WordPressDescription textFully visibleConfirmation messageConfirmation e-mail to senderConfirmation e-mail to adminPrivacy checkboxTest the formTest data export 9. Tracking:Define KPIs / required dataSet up trackingWhen and what data to whomTest data format10. Potential problems:Redirects for URL changesLinks to deactivated pagesExternal links in new tabInternal links in same tabContact, e-mail & phone number LinksSpace between “Vendor Team”Remove empty blocksNew menu for new pagesTest menu linksNo spaces in links 11. Custom Solutions:Link to email with subject textLink to a block on a pageOpen pages in iFrameExpandable FAQ/info blockDifferent images/blocks for desktop & mobileOpen content by clicking on linkChange text color via HTMLTransfer page URL to Evalanche Image dimensions: ImageDimensions (pixel)FiletypeCanva-templateLarge header banner for pages1600 x 500jpgOpenSlide for homepage slideshow1600 x 575jpgVendor logo for vendor page240 widthsvgVendor logo with border240 x 160svgPage thumbnail1200 x 630jpgOpen with logoBlock “Cards”800 x 550jpgOpenNo column image (100%)702 widthjpg1 column image (100% width)1280 widthjpg2 column image (50% width)630 widthjpg3 column image (33% width)394 widthjpg4 column image (25% width)341 widthjpg5 column image (20% width)216 widthjpgTeam member block350 x 420jpgOpenFolder with Canva-templatesStyleguide – Working with imagesStyleguide – Full 1. Basic settings Is the page URL short (called “title form” and “slug” in WordPress), does it include important keywords, and avoids spaces, umlauts, and stop words? (Wrong: /become-a-msp-and-use-the-infinigate-msp-contract-templates | Correct: /msp-contract-templates) The correct URL format is e.g. https://www.infinigate.com/en/vendor/extreme-networks/(Lowercase only (!), with https (not http), with www, and trailing slash if no parameters follow) Vendor page or landing page? Product/service = Vendor page | Campaign/other = Landing page Select folder for the page (e.g. Landing Pages > Vendors > Microsoft). Select parent page (e.g. Landing Pages > Vendors > Microsoft). The parent page becomes part of the URL (e.g. https://www.infinigate.com/en/lp/v/microsoft/my-landing-page/) Select yourself as author of a new page if you are the main owner/editor especially for cloned and imported pages where somebody else might be selected. Select featured image (OG image), use styleguide image dimensions (1200×630). Edit page > top right. This image appears as the preview when shared on social media. Enter meta title (“SEO title”) (approx. 30 to max. 60 characters, use important keywords)(e.g. Become a Microsoft Reseller Partner). The meta title appears in the browser tab and in Google search results. Enter meta description (approx. 70 to max. 150 characters, use important keywords) (e.g. Become a Microsoft Reseller Partner with Infinigate – Request a demo and pricing today.) It shows as the short description in Google search results. For vendor pages, events & news, enter the excerpt (in WordPress this is called “excerpt”) (Edit page > top right, 1–2 sentences). For vendor pages, events & news, enter technologies (Cybersecurity, Secure cloud, Secure networks). For vendor pages, enter heading and subheading (1–2 short sentences). For vendor pages, add vendor logo (“Vendor logo”), which appears at the top right of the page. (Edit page > scroll down > Vendor logo). Select from existing logos under Media > Vendors, logo upload and preparation done beforehand by Vanessa.If you ever upload a new vendor logo yourself, always rename it before uploading into WordPress into e.g. microsoft-logo.svg with an additional word beside the vendor name like “-logo”. 2. User guidance Does the page have a clear benefit and address a need of the visitor? Does the page have a measurable goal that is supported by calls to action? Do not use Texts within images, expecially if it holds vital information.If there is text within images, that needs to stay, it must be fully visible and legible on both desktop and mobile. If I only look at the headings, images, and buttons on the page, is the structure and navigation clear? (Users typically scan the page quickly top to bottom before reading body text.) If I only see the above-the-fold area without scrolling, is it immediately clear what the page is about, what to expect, and what value continued reading provides? If download buttons are used, is it briefly and clearly stated in or above the button what exactly is being downloaded? If photos of known people are used (e.g. instructors, testimonials, employees), it should always be clear who they are (name, role, relevance to the page topic). 3. Layout & design If a menu is used, are the links in the blue menu centred at the top? (Vendor pages and others with a top menu.) If a menu is used, are the standard entries in the same order as on other vendor pages? Solutions | Become a partner | Demo equipment | Project registration | Contact Are the coral lines next to headings used consistently? Lines only for main headings (H2), not for subheadings or sublines. Are the styleguide colours used correctly? Styleguide 4. Text Copy the page completely and paste it into Word. Run automatic spelling and grammar check. Zoom in and manually READ the entire text THOROUGHLY for errors (content, grammar, spelling) (IMPORTANT!!!) Use the search function to find double spaces. (Shortcut: CTRL + F, enter two spaces) Remove incorrect line breaks. (Line breaks in the middle of sentences may look fine on desktop but cause formatting issues on narrow mobile screens) Are final periods in lists used consistently?(Rule: Full sentences = period, single words or no sentence = no period) A correct phone number link format is e.g. for Germany with country code 0049: tel:+498989048123 (no spaces, no hyphen) Button texts and standalone link texts begin with a capital letter: Learn more, Read more, Download now. 5. Images Please create images from our Canva-templates. Please use the styleguide for image usage and dimension-table above if you have to create images without Canva templates. Does the image subject fit the page topic, evoke the intended emotions, or help convey the content? When using additional images, the image file dimensions should match the maximum display size (To check: open the page in browser at 1920×1080, right-click the image > Inspect) Is the image usable and clear on both desktop and mobile? Is the image sharp and high-resolution? Add ALT text, title text, and file name for every image, using important keywords.(e.g. ALT & title = Managed Services contract templates, filename = managed-services-contract-templates.jpg) JPG should be used for most images such as photo style imagery.PNG is only for logos (or SVG), for graphs, infographics and all images that have flat colours and solid shapes.PNG may provide better quality but also needs much more filesize that slows down the website.SVG for logos or icons has high quality and a very small filesize. The image resolution should be 110 dpi if you create images outside of Canva. The image quality / compression rate should be 60 to 80 (60% = more compression, less quality, smaller filesize) and must not cause visible quality loss. Please test which compression/quality is required based on the image content. The file size of large images should not exceed 200kb. 6. Search engine optimisation (SEO) Does the page need to be optimised for Google, or is it not necessary? Not all pages should appear in Google for specific keywords (e.g. password-protected pages, post-form pages, terms and conditions, directions, surveys, etc. will not or don’t need to appear in Google) To help users find the page, important keywords should appear in the URL, title, headings, body text, image filenames, and descriptions. To select the best keywords for your page, get in touch with Jan Amelsberg. Text and images should be original and created specifically for this page, not copied from other sources. Google values unique content more than copied or stock material. AI-generated texts or passages may be considered less valuable by Google in the future compared to human-written content. Test them using:ZeroGPT SEO.ai Sapling and rewrite if score is above 10%. User dwell time on the page should be maximised. (Engaging content, page interaction, videos, podcasts, etc.) The user ideally finds the answer to their question or what they’re looking for and doesn’t return to Google to continue searching on other websites. The page should receive internal links from as many topic-related subpages as possible, and potentially external backlinks through promotion and organic-looking link-building from related sites. Include outgoing links to high-quality, topic-relevant external websites and internal subpages. Especially important pages should be linked from the navigation and homepage. The meta title and meta description shown in Google results should work together as an attractive ad that encourages clicks. Updates: The page should be regularly updated with new text and images to signal freshness to Google. (As often as possible, several times per year; the responsible person is the CMM.) Stability: The content should remain mostly intact during updates and only be supplemented. Replacing all or large portions of content harms SEO rankings. 7. AI optimisation Structured, explanatory texts are better understood by AIs than fragmented information. A factual, informative writing style is more valuable for AIs than casual language or hype-heavy buzzwords. Explain topics in full on a single page without needing to link to external information. Clearly describe links to help AI understand the linked content or page purpose. Use a heading structure from H1 (highest) to H5 (lowest) to logically organize the page. Textual redundancy, when used sparingly, can reinforce key information in varied wording to highlight importance to AI. Write information as text, not embedded within images, animations, videos, or menus. FAQs & question + answer formats provide compact, structured information ideal for AI processing & SEO like via the Yoast FAQ WordPress-block. Use optimal text formats for AI such as glossaries, comparisons, process descriptions, checklists, and use cases. AI-generated texts or passages may be rated less valuable by AIs in the future than human-written content. Test these using:ZeroGPT SEO.ai Sapling and rewrite when scores exceed 10%. 8. Forms Should the form data be automatically sent to the CRM? Use an Evalanche form embedded via iFrame (WordPress block “Custom HTML”). If the form data should not be sent to the CRM, but instead e-mailed to recipients and exported in WordPress as CSV, use a WordPress form. Is there a clear and concise headline explaining what the form is for and why it should be filled out? (e.g. “Download free whitepaper now”) Is the entire (Evalanche) form and the submit button visible? Should an optional confirmation e-mail be sent to the user? Include a privacy checkbox at the end. Test the form thoroughly: Fill it out and send. Is the data transferred correctly to CRM / WordPress / e-mail? Is the confirmation message correct and does it include any further calls to action? Check the notification e-mails (to Infinigate and possibly also the user). Plan the data export (what, when, to whom). 9. Tracking What data will be used to evaluate the goals of the page? (Visitor numbers, form usage, form data, etc.) Is the tracking for this data already set up? (Lead form, Matomo, external tools like GoToWebinar, etc.) When and how will the data be delivered to the employee who uses it? (Real-time, daily, monthly, via e-mail, in WordPress, etc.) Is the data format usable for the employee? (CSV, Excel, PDF, etc – send an example and ask to be sure) 10. Sources of error Changing the “title form” (slug) changes the page URL. For already published URLs, a redirect to the new URL may be necessary, and all links in the content of other subpages must be updated. If the URL of the page is deactivated, all links in the content of other subpages pointing to this URL must be removed. Are all links to external domains set to open in a new tab? Are all internal links set to open in the same tab? Is the correct mailto: link behind all visible e-mail addresses? Is the correct mailto: link behind the “Contact us” button in the contact block? Is the correct tel: link behind all visible phone numbers? “Vendor Team” with space (wrong: MicrosoftTeam / Microsoft-Team, correct: Microsoft Team). Have all empty WordPress blocks been removed? If a page with a menu was cloned, a NEW menu must be created and swapped for the new page. Otherwise, changes affect BOTH pages! Test each menu link and, if needed, also on subpages to ensure you can return to the main page. Links should have no spaces at the beginning or end (wrong: My link correct: My link) 11. Custom Solutions Link to e-mail address with predefined subject text:Send emailSet link to: mailto:beispiel@infinigate.com?subject=Dein%20BetreffSpace: %20„: %22:: %3AÄ: %C4Ö: %D6Ü: %DCä: %E4ö: %F6ü: %FCß: %DF To open a URL in a page in an iFrame, e.g. for an Evalanche form, add an HTML block in WordPress and copy this code for a height of 800px and change the URL:<iframe scr=“https://www.domain.com“ height=“800″></iframe> Expandable FAQ/Info block such as on „Social Engineering“ the block „Frequently Asked Questions“:A script is needed here. Please send the texts to Jan Amelsberg. Different blocks and images for desktop & mobile:The „Visibility“ setting of a WordPress block determines via „Browser & Device“ for which device it should or should not be displayed. So you create 2 similar blocks and only display one at a time. Open content by clicking on the link:The „Visibility“ setting of a WordPress block determines via „Query String“ on which URL it should or should not be displayed. For example, enter the following in the String field: dl=enabledAnd only show a download block if ?dl=enabled is at the end of the URL.I can set a link to this URL and show the block by clicking on it. To change the text color via HTML, use this code and change the color value:<p style=color: #0073e6;“>Dies ist blauer Text.</p> To transfer the URL of the page to Evalanche, e.g. to track marketing activities on different pages that can use the same form, a custom script must be built into the page and a field must be added in Evalanche. Please contact Jan Amelsberg for the setup. 11. Custom Lösungen Link auf E-Mail Adresse mit vorgegebenem Betreff-Text:E-Mail sendenLink setzen auf: mailto:beispiel@infinigate.com?subject=Dein%20BetreffFreizeichen: %20„: %22:: %3AÄ: %C4Ö: %D6Ü: %DCä: %E4ö: %F6ü: %FCß: %DF Um eine URL in einer Seite in einem iFrame zu öffnen, z.B. für ein Evalanche Formular, einen HTML-Block in WordPress hinzufügen und diesen Code für eine Höhe von 800px hineinkopieren, sowie die URL ändern:<iframe scr=“https://www.domain.com“ height=“800″></iframe> Aufklappbarer FAQ/Info Block wie beispielsweise auf „Social Engineering“ der Block „Häufige Fragen“:Hier wird ein Script benötigt. Bitte die Texte an Jan Amelsberg senden. Unterschiedliche Blöcke und Bilder für Desktop & Mobile:Durch die Einstellung „Sichtbarkeit“ eines WordPress-Blocks wird über „Browser & Device“ festgelegt, für welches Gerät er angezeigt bzw. nicht angezeigt werden soll. Man erstellt also 2 ähnliche Blöcke und zeigt jeweils nur einen an. Inhalte durch Klick auf Link öffnen:Durch die Einstellung „Sichtbarkeit“ eines WordPress-Blocks wird über „Query String“ festgelegt, auf welcher URL er angezeigt bzw. nicht angezeigt werden soll. Im Feld String z.B. folgendes eintragen: dl=enabledUnd einen Download Block nur einblenden, wenn am Ende der URL ?dl=enabled hängt.Auf diese URL kann ich einen Link setzen und dadurch den Block per Klick einblenden. Um die Textfarbe via HTML zu ändern, diesen Code nutzen und den Farbwert ändern:<p style=color: #0073e6;“>Dies ist blauer Text.</p> Um die URL der Seite zu Evalanche zu übertragen, um z.B. Marketingaktivitäten auf unterschiedlichen Seiten zu tracken, die dasselbe Formular nutzen können, muss ein custom-script in die Seite eingebaut werden und ein Feld in Evalanche hinzugefügt werden. Bitte für das Setup an Jan Amelsberg wenden. Questions and suggestions: E-mail to Jan.Amelsberg@Infinigate.com